From 8926531e8f3f3a0c42ea221d4df83450b63bc083 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Thu, 28 May 2026 14:23:57 +0000
Subject: [PATCH 01/49] ci: bump patch version to 5.1.25

---
 package.json          | 4 ++--
 src-node/package.json | 4 ++--
 src/config.json       | 4 ++--
 src/index.html        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index 5989763771..b705090833 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "phoenix",
-    "version": "5.1.24-0",
-    "apiVersion": "5.1.24",
+    "version": "5.1.25-0",
+    "apiVersion": "5.1.25",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src-node/package.json b/src-node/package.json
index dcdfe85819..3f8c3d3884 100644
--- a/src-node/package.json
+++ b/src-node/package.json
@@ -1,8 +1,8 @@
 {
     "name": "@phcode/node-core",
     "description": "Phoenix Node Core",
-    "version": "5.1.24-0",
-    "apiVersion": "5.1.24",
+    "version": "5.1.25-0",
+    "apiVersion": "5.1.25",
     "keywords": [],
     "author": "arun@core.ai",
     "homepage": "https://github.com/phcode-dev/phoenix",
diff --git a/src/config.json b/src/config.json
index db62560b33..7b1eb9ca10 100644
--- a/src/config.json
+++ b/src/config.json
@@ -46,8 +46,8 @@
         "bugsnagEnv": "development"
     },
     "name": "Phoenix Code",
-    "version": "5.1.24-0",
-    "apiVersion": "5.1.24",
+    "version": "5.1.25-0",
+    "apiVersion": "5.1.25",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src/index.html b/src/index.html
index 90bcc432a5..0500105983 100644
--- a/src/index.html
+++ b/src/index.html
@@ -68,7 +68,7 @@
     <!-- start inline javascript and non module bootstrap scripts. you must add module scripts to the
      javascript module section only!!-->
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
-    <script>window.PHOENIX_APP_CACHE_VERSION="5.1.24";</script>
+    <script>window.PHOENIX_APP_CACHE_VERSION="5.1.25";</script>
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
     <script>
         if(["dev.phcode.dev", "staging.phcode.dev"].includes(location.hostname)

From 05fa17285fcb11a99cdb7d3b347c7b8801e143cf Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Thu, 28 May 2026 19:02:01 +0000
Subject: [PATCH 02/49] ci: bump minor version to 5.2.0

---
 package.json          | 4 ++--
 src-node/package.json | 4 ++--
 src/config.json       | 4 ++--
 src/index.html        | 2 +-
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/package.json b/package.json
index b705090833..356dd413f3 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "phoenix",
-    "version": "5.1.25-0",
-    "apiVersion": "5.1.25",
+    "version": "5.2.0-0",
+    "apiVersion": "5.2.0",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src-node/package.json b/src-node/package.json
index 3f8c3d3884..052a1f7051 100644
--- a/src-node/package.json
+++ b/src-node/package.json
@@ -1,8 +1,8 @@
 {
     "name": "@phcode/node-core",
     "description": "Phoenix Node Core",
-    "version": "5.1.25-0",
-    "apiVersion": "5.1.25",
+    "version": "5.2.0-0",
+    "apiVersion": "5.2.0",
     "keywords": [],
     "author": "arun@core.ai",
     "homepage": "https://github.com/phcode-dev/phoenix",
diff --git a/src/config.json b/src/config.json
index 7b1eb9ca10..4055358e6b 100644
--- a/src/config.json
+++ b/src/config.json
@@ -46,8 +46,8 @@
         "bugsnagEnv": "development"
     },
     "name": "Phoenix Code",
-    "version": "5.1.25-0",
-    "apiVersion": "5.1.25",
+    "version": "5.2.0-0",
+    "apiVersion": "5.2.0",
     "homepage": "https://core.ai",
     "issues": {
         "url": "https://github.com/phcode-dev/phoenix/issues"
diff --git a/src/index.html b/src/index.html
index 0500105983..2783f0cdbb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -68,7 +68,7 @@
     <!-- start inline javascript and non module bootstrap scripts. you must add module scripts to the
      javascript module section only!!-->
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
-    <script>window.PHOENIX_APP_CACHE_VERSION="5.1.25";</script>
+    <script>window.PHOENIX_APP_CACHE_VERSION="5.2.0";</script>
 <!--    The app cache version is set by the pipeline version update script. Do not update manually.-->
     <script>
         if(["dev.phcode.dev", "staging.phcode.dev"].includes(location.hostname)

From 05a4ee78a5b73dca41a2ce382cff8aa691ff0e11 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 8 Jun 2026 17:49:27 +0530
Subject: [PATCH 03/49] feat: add support to get started with live preview from
 a blank page

---
 .../documents/LiveHTMLDocument.js                 | 15 ++++++++++++++-
 src/nls/root/strings.js                           |  2 +-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js b/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
index 4ff3a1fadc..9686ad405c 100644
--- a/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
+++ b/src/LiveDevelopment/MultiBrowserImpl/documents/LiveHTMLDocument.js
@@ -127,8 +127,21 @@ define(function (require, exports, module) {
             body = HTMLInstrumentation.generateInstrumentedHTML(this.editor, this.protocol.getRemoteScript());
         }
 
+        if (!body) {
+            // generateInstrumentedHTML() returns null when the document is empty or its
+            // HTML cannot be parsed into a DOM (no instrumentable content). In that case it
+            // also never injected the remote <script>, so without help the served page would
+            // have no live-preview runtime at all — a blank page with no way to connect back
+            // or start editing. Fall back to the raw text but still inject the remote script
+            // so the runtime always loads, even for a completely empty page.
+            body = this.doc.getText();
+            if (this._instrumentationEnabled) {
+                body += this.protocol.getRemoteScript();
+            }
+        }
+
         return {
-            body: body || this.doc.getText()
+            body: body
         };
     };
 
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 7729c46e1e..ddfd2b0c45 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -206,7 +206,7 @@ define({
     "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements\u2026",
     "LIVE_DEV_INSERT_COMMON": "Common",
     "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
-    "LIVE_DEV_INSERT_SEE_MORE": "See more",
+    "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
     "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
     "LIVE_DEV_INSERT_CREATE": "Create",
     "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",

From 888879e0be610aea6f9a85f22fa6627b51b36cf2 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Tue, 9 Jun 2026 17:19:42 +0530
Subject: [PATCH 04/49] feat: add first element bar related strings

---
 src/nls/root/strings.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index ddfd2b0c45..f057f2c2b5 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -209,6 +209,9 @@ define({
     "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
     "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
     "LIVE_DEV_INSERT_CREATE": "Create",
+    "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
+    "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+    "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
     "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",
     "LIVE_DEV_EDIT_ONBOARD_INSERT": "Add new HTML elements",
     "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edit tag, classes, ID and attributes",

From 515b4a0b11203fb257e06d5d7cbe4fb3a3769299 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Tue, 9 Jun 2026 18:02:41 +0000
Subject: [PATCH 05/49] ci: update Translations

---
 src/nls/ar/lastTranslated.json    |  5 ++++-
 src/nls/ar/strings.js             | 15 +++++++++------
 src/nls/bg/lastTranslated.json    |  5 ++++-
 src/nls/bg/strings.js             | 15 +++++++++------
 src/nls/cs/lastTranslated.json    |  5 ++++-
 src/nls/cs/strings.js             | 15 +++++++++------
 src/nls/da/lastTranslated.json    |  5 ++++-
 src/nls/da/strings.js             | 15 +++++++++------
 src/nls/de/lastTranslated.json    |  5 ++++-
 src/nls/de/strings.js             | 15 +++++++++------
 src/nls/el/lastTranslated.json    |  5 ++++-
 src/nls/el/strings.js             | 15 +++++++++------
 src/nls/en-gb/lastTranslated.json |  5 ++++-
 src/nls/en-gb/strings.js          | 15 +++++++++------
 src/nls/es/lastTranslated.json    |  5 ++++-
 src/nls/es/strings.js             | 15 +++++++++------
 src/nls/fa-ir/lastTranslated.json |  5 ++++-
 src/nls/fa-ir/strings.js          | 15 +++++++++------
 src/nls/fi/lastTranslated.json    |  5 ++++-
 src/nls/fi/strings.js             | 15 +++++++++------
 src/nls/fr/lastTranslated.json    |  5 ++++-
 src/nls/fr/strings.js             | 15 +++++++++------
 src/nls/gl/lastTranslated.json    |  5 ++++-
 src/nls/gl/strings.js             | 15 +++++++++------
 src/nls/hi/lastTranslated.json    |  5 ++++-
 src/nls/hi/strings.js             | 15 +++++++++------
 src/nls/hr/lastTranslated.json    |  5 ++++-
 src/nls/hr/strings.js             | 15 +++++++++------
 src/nls/hu/lastTranslated.json    |  5 ++++-
 src/nls/hu/strings.js             | 15 +++++++++------
 src/nls/id/lastTranslated.json    |  5 ++++-
 src/nls/id/strings.js             | 15 +++++++++------
 src/nls/it/lastTranslated.json    |  5 ++++-
 src/nls/it/strings.js             | 15 +++++++++------
 src/nls/ja/lastTranslated.json    |  5 ++++-
 src/nls/ja/strings.js             | 15 +++++++++------
 src/nls/ko/lastTranslated.json    |  5 ++++-
 src/nls/ko/strings.js             | 15 +++++++++------
 src/nls/lv/lastTranslated.json    |  5 ++++-
 src/nls/lv/strings.js             | 15 +++++++++------
 src/nls/ml/lastTranslated.json    |  5 ++++-
 src/nls/ml/strings.js             | 15 +++++++++------
 src/nls/nb/lastTranslated.json    |  5 ++++-
 src/nls/nb/strings.js             | 15 +++++++++------
 src/nls/nl/lastTranslated.json    |  5 ++++-
 src/nls/nl/strings.js             | 15 +++++++++------
 src/nls/pl/lastTranslated.json    |  5 ++++-
 src/nls/pl/strings.js             | 15 +++++++++------
 src/nls/pt-br/lastTranslated.json |  5 ++++-
 src/nls/pt-br/strings.js          | 15 +++++++++------
 src/nls/pt-pt/lastTranslated.json |  5 ++++-
 src/nls/pt-pt/strings.js          | 15 +++++++++------
 src/nls/ro/lastTranslated.json    |  5 ++++-
 src/nls/ro/strings.js             | 15 +++++++++------
 src/nls/ru/lastTranslated.json    |  5 ++++-
 src/nls/ru/strings.js             | 15 +++++++++------
 src/nls/sk/lastTranslated.json    |  5 ++++-
 src/nls/sk/strings.js             | 15 +++++++++------
 src/nls/sr/lastTranslated.json    |  5 ++++-
 src/nls/sr/strings.js             | 15 +++++++++------
 src/nls/sv/lastTranslated.json    |  5 ++++-
 src/nls/sv/strings.js             | 15 +++++++++------
 src/nls/tr/lastTranslated.json    |  5 ++++-
 src/nls/tr/strings.js             | 15 +++++++++------
 src/nls/uk/lastTranslated.json    |  5 ++++-
 src/nls/uk/strings.js             | 15 +++++++++------
 src/nls/ur/lastTranslated.json    |  5 ++++-
 src/nls/ur/strings.js             | 15 +++++++++------
 src/nls/zh-cn/lastTranslated.json |  5 ++++-
 src/nls/zh-cn/strings.js          | 15 +++++++++------
 src/nls/zh-tw/lastTranslated.json |  5 ++++-
 src/nls/zh-tw/strings.js          | 15 +++++++++------
 72 files changed, 468 insertions(+), 252 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index 701254b3ad..b738266f4f 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "ابحث عن عناصر...",
   "LIVE_DEV_INSERT_COMMON": "شائع",
   "LIVE_DEV_INSERT_NO_RESULTS": "لا توجد عناصر مطابقة",
-  "LIVE_DEV_INSERT_SEE_MORE": "عرض المزيد",
   "LIVE_DEV_INSERT_SHOW_LESS": "عرض أقل",
   "LIVE_DEV_INSERT_CREATE": "إنشاء",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "طريقتان جديدتان للتعديل",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "إعداد Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "تم تثبيت Claude Code ولكنه يحتاج إلى إعداد.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "إعداد Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "أعد تشغيل {APP_NAME} بعد اكتمال التهيئة.",
   "AI_CHAT_ADD_PROVIDER_BTN": "إضافة مزود مخصص",
   "AI_CHAT_SETUP_NEED_HELP": "تحتاج مساعدة؟",
   "AI_CHAT_SETUP_LEARN_MORE": "اعرف المزيد",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "هل تريد حذف هذه الجلسة؟",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "الذكاء الاصطناعي يعمل",
   "AI_CHAT_SWITCH_PROJECT_MSG": "الذكاء الاصطناعي يعمل حاليًا على مهمة. سيؤدي تبديل المشاريع إلى إيقافه. هل تريد المتابعة؟",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "الذكاء الاصطناعي يعمل",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "الذكاء الاصطناعي يعمل حاليًا على مهمة. سيتسبب بدء محادثة جديدة في إيقافه. هل تريد المتابعة؟",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "الذكاء الاصطناعي يعمل",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "الذكاء الاصطناعي يعمل حاليًا على مهمة. سيتسبب الانتقال إلى محادثة سابقة في إيقافه. هل تريد المتابعة؟",
   "AI_CHAT_SETTINGS_TITLE": "إعدادات Claude Code",
   "AI_SETTINGS_API_KEY": "مفتاح API",
   "AI_SETTINGS_BASE_URL": "عنوان URL الأساسي",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "أعد تشغيل {APP_NAME} بعد اكتمال التهيئة.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "الذكاء الاصطناعي يعمل",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "الذكاء الاصطناعي يعمل حاليًا على مهمة. سيتسبب بدء محادثة جديدة في إيقافه. هل تريد المتابعة؟",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "الذكاء الاصطناعي يعمل",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "الذكاء الاصطناعي يعمل حاليًا على مهمة. سيتسبب الانتقال إلى محادثة سابقة في إيقافه. هل تريد المتابعة؟"
+  "LIVE_DEV_INSERT_SHOW_MORE": "إظهار المزيد",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحتك فارغة — أضف عنصرًا",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "أضف عنصرك الأول",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "طي"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index 0dc23292c0..ee585eb729 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Търсене на елементи…",
   "LIVE_DEV_INSERT_COMMON": "Често използвани",
   "LIVE_DEV_INSERT_NO_RESULTS": "Няма съвпадащи елементи",
-  "LIVE_DEV_INSERT_SEE_MORE": "Покажи повече",
   "LIVE_DEV_INSERT_SHOW_LESS": "Покажи по-малко",
   "LIVE_DEV_INSERT_CREATE": "Създай",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нови начина за редактиране",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Настройка на Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code е инсталиран, но трябва да бъде конфигуриран.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Настройване на Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Рестартирайте {APP_NAME} след завършване на конфигурацията.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Добавяне на персонализиран доставчик",
   "AI_CHAT_SETUP_NEED_HELP": "Нуждаете се от помощ?",
   "AI_CHAT_SETUP_LEARN_MORE": "Научете повече",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Да се изтрие ли тази сесия?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI работи",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI в момента работи по задача. Смяната на проекта ще го спре. Да продължите ли?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI работи",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "В момента AI изпълнява задача. Започването на нов разговор ще я спре. Желаете ли да продължите?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI работи",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "В момента AI изпълнява задача. Превключването към предишен разговор ще я спре. Желаете ли да продължите?",
   "AI_CHAT_SETTINGS_TITLE": "Настройки на Claude Code",
   "AI_SETTINGS_API_KEY": "API ключ",
   "AI_SETTINGS_BASE_URL": "Базов URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Рестартирайте {APP_NAME} след завършване на конфигурацията.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI работи",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "В момента AI изпълнява задача. Започването на нов разговор ще я спре. Желаете ли да продължите?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI работи",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "В момента AI изпълнява задача. Превключването към предишен разговор ще я спре. Желаете ли да продължите?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Покажи повече",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страницата ви е празна — добавете елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавете първия си елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свиване"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index b740db3e84..4b2cb88e15 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Hledat elementy…",
   "LIVE_DEV_INSERT_COMMON": "Běžné",
   "LIVE_DEV_INSERT_NO_RESULTS": "Žádné odpovídající elementy",
-  "LIVE_DEV_INSERT_SEE_MORE": "Zobrazit více",
   "LIVE_DEV_INSERT_SHOW_LESS": "Zobrazit méně",
   "LIVE_DEV_INSERT_CREATE": "Vytvořit",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nové způsoby úprav",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Nastavení Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code je nainstalován, ale je třeba ho nakonfigurovat.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Nastavit Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Po dokončení konfigurace restartujte {APP_NAME}.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Přidat vlastního poskytovatele",
   "AI_CHAT_SETUP_NEED_HELP": "Potřebujete pomoc?",
   "AI_CHAT_SETUP_LEARN_MORE": "Zjistit více",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Smazat tuto relaci?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI pracuje",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI právě pracuje na úkolu. Přepnutí projektu tuto práci zastaví. Pokračovat?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI právě pracuje na úkolu. Zahájení nové konverzace ji zastaví. Pokračovat?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI právě pracuje na úkolu. Přepnutí na předchozí konverzaci ji zastaví. Pokračovat?",
   "AI_CHAT_SETTINGS_TITLE": "Nastavení Claude Code",
   "AI_SETTINGS_API_KEY": "Klíč API",
   "AI_SETTINGS_BASE_URL": "Základní URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Po dokončení konfigurace restartujte {APP_NAME}.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI právě pracuje na úkolu. Zahájení nové konverzace ji zastaví. Pokračovat?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI právě pracuje na úkolu. Přepnutí na předchozí konverzaci ji zastaví. Pokračovat?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Zobrazit více",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaše stránka je prázdná — přidejte prvek",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Přidat první prvek",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sbalit"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index f071d2b99c..103c03ee88 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Søg efter elementer…",
   "LIVE_DEV_INSERT_COMMON": "Almindelige",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ingen matchende elementer",
-  "LIVE_DEV_INSERT_SEE_MORE": "Se mere",
   "LIVE_DEV_INSERT_SHOW_LESS": "Vis mindre",
   "LIVE_DEV_INSERT_CREATE": "Opret",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "To nye måder at redigere på",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Opsæt Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code er installeret, men skal konfigureres.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Opsæt Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Genstart {APP_NAME} efter konfigurationen er fuldført.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Tilføj brugerdefineret udbyder",
   "AI_CHAT_SETUP_NEED_HELP": "Brug for hjælp?",
   "AI_CHAT_SETUP_LEARN_MORE": "Lær mere",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Slet denne session?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI arbejder",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI er i gang med en opgave. Hvis du skifter projekt, afbrydes den. Fortsæt?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI arbejder",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI arbejder i øjeblikket på en opgave. Start af en ny samtale vil stoppe den. Fortsæt?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI arbejder",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI arbejder i øjeblikket på en opgave. Skift til en tidligere samtale vil stoppe den. Fortsæt?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code-indstillinger",
   "AI_SETTINGS_API_KEY": "API-nøgle",
   "AI_SETTINGS_BASE_URL": "Basis-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Genstart {APP_NAME} efter konfigurationen er fuldført.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI arbejder",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI arbejder i øjeblikket på en opgave. Start af en ny samtale vil stoppe den. Fortsæt?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI arbejder",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI arbejder i øjeblikket på en opgave. Skift til en tidligere samtale vil stoppe den. Fortsæt?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mere",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din side er tom — tilføj et element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tilføj dit første element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fold sammen"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index c6c5d269b7..b81d9901e7 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elemente suchen …",
   "LIVE_DEV_INSERT_COMMON": "Häufig",
   "LIVE_DEV_INSERT_NO_RESULTS": "Keine passenden Elemente",
-  "LIVE_DEV_INSERT_SEE_MORE": "Mehr anzeigen",
   "LIVE_DEV_INSERT_SHOW_LESS": "Weniger anzeigen",
   "LIVE_DEV_INSERT_CREATE": "Erstellen",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Zwei neue Wege zum Bearbeiten",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code einrichten",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code ist installiert, muss aber noch konfiguriert werden.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code einrichten",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Starten Sie {APP_NAME} nach Abschluss der Konfiguration neu.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Benutzerdefinierten Anbieter hinzufügen",
   "AI_CHAT_SETUP_NEED_HELP": "Benötigen Sie Hilfe?",
   "AI_CHAT_SETUP_LEARN_MORE": "Mehr erfahren",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Diese Sitzung löschen?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "KI arbeitet",
   "AI_CHAT_SWITCH_PROJECT_MSG": "Die KI arbeitet gerade an einer Aufgabe. Ein Projektwechsel wird diese abbrechen. Fortfahren?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "KI arbeitet",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Die KI arbeitet gerade an einer Aufgabe. Das Starten einer neuen Konversation bricht diese ab. Fortfahren?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "KI arbeitet",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Die KI arbeitet gerade an einer Aufgabe. Der Wechsel zu einer früheren Konversation bricht diese ab. Fortfahren?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code-Einstellungen",
   "AI_SETTINGS_API_KEY": "API-Schlüssel",
   "AI_SETTINGS_BASE_URL": "Basis-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Starten Sie {APP_NAME} nach Abschluss der Konfiguration neu.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "KI arbeitet",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Die KI arbeitet gerade an einer Aufgabe. Das Starten einer neuen Konversation bricht diese ab. Fortfahren?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "KI arbeitet",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Die KI arbeitet gerade an einer Aufgabe. Der Wechsel zu einer früheren Konversation bricht diese ab. Fortfahren?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mehr anzeigen",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ihre Seite ist leer – fügen Sie ein Element hinzu",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Erstes Element hinzufügen",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Einklappen"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index 741393b21a..01ba9fbd9b 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Αναζήτηση στοιχείων…",
   "LIVE_DEV_INSERT_COMMON": "Κοινά",
   "LIVE_DEV_INSERT_NO_RESULTS": "Δεν βρέθηκαν αντίστοιχα στοιχεία",
-  "LIVE_DEV_INSERT_SEE_MORE": "Εμφάνιση περισσότερων",
   "LIVE_DEV_INSERT_SHOW_LESS": "Εμφάνιση λιγότερων",
   "LIVE_DEV_INSERT_CREATE": "Δημιουργία",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Δύο νέοι τρόποι επεξεργασίας",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Ρύθμιση Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Το Claude Code έχει εγκατασταθεί, αλλά χρειάζεται ρύθμιση.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Ρύθμιση Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Επανεκκινήστε το {APP_NAME} μετά την ολοκλήρωση της διαμόρφωσης.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Προσθήκη προσαρμοσμένου παρόχου",
   "AI_CHAT_SETUP_NEED_HELP": "Χρειάζεστε βοήθεια;",
   "AI_CHAT_SETUP_LEARN_MORE": "Μάθετε περισσότερα",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Διαγραφή αυτής της συνεδρίας;",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "Η AI επεξεργάζεται",
   "AI_CHAT_SWITCH_PROJECT_MSG": "Η ΤΝ εκτελεί μια εργασία αυτήν τη στιγμή. Η αλλαγή έργου θα τη διακόψει. Θέλετε να συνεχίσετε;",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Η AI εργάζεται",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Αυτήν τη στιγμή η AI εκτελεί μια εργασία. Η έναρξη νέας συνομιλίας θα τη διακόψει. Θέλετε να συνεχίσετε;",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Η AI εργάζεται",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Αυτήν τη στιγμή η AI εκτελεί μια εργασία. Η μετάβαση σε μια προηγούμενη συνομιλία θα τη διακόψει. Θέλετε να συνεχίσετε;",
   "AI_CHAT_SETTINGS_TITLE": "Ρυθμίσεις Claude Code",
   "AI_SETTINGS_API_KEY": "Κλειδί API",
   "AI_SETTINGS_BASE_URL": "URL Βάσης",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Επανεκκινήστε το {APP_NAME} μετά την ολοκλήρωση της διαμόρφωσης.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Η AI εργάζεται",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Αυτήν τη στιγμή η AI εκτελεί μια εργασία. Η έναρξη νέας συνομιλίας θα τη διακόψει. Θέλετε να συνεχίσετε;",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Η AI εργάζεται",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Αυτήν τη στιγμή η AI εκτελεί μια εργασία. Η μετάβαση σε μια προηγούμενη συνομιλία θα τη διακόψει. Θέλετε να συνεχίσετε;"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Εμφάνιση περισσότερων",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Η σελίδα σας είναι κενή — προσθέστε ένα στοιχείο",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Προσθέστε το πρώτο σας στοιχείο",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Σύμπτυξη"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index a4312a480f..39aadfea94 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
   "LIVE_DEV_INSERT_COMMON": "Common",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
   "LIVE_DEV_INSERT_CREATE": "Create",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Set up Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code is installed but needs to be configured.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Set up Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Restart {APP_NAME} after configuration completes.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Add Custom Provider",
   "AI_CHAT_SETUP_NEED_HELP": "Need Help?",
   "AI_CHAT_SETUP_LEARN_MORE": "Learn More",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Delete this session?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI is working",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI is currently working on a task. Switching projects will stop it. Continue?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI is working",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI is currently working on a task. Starting a new conversation will stop it. Continue?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI is working",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI is currently working on a task. Switching to a previous conversation will stop it. Continue?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code Settings",
   "AI_SETTINGS_API_KEY": "API Key",
   "AI_SETTINGS_BASE_URL": "Base URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Restart {APP_NAME} after configuration completes.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI is working",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI is currently working on a task. Starting a new conversation will stop it. Continue?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI is working",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI is currently working on a task. Switching to a previous conversation will stop it. Continue?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index 8487850b17..e05dd392ce 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comunes",
   "LIVE_DEV_INSERT_NO_RESULTS": "No hay elementos que coincidan",
-  "LIVE_DEV_INSERT_SEE_MORE": "Ver más",
   "LIVE_DEV_INSERT_SHOW_LESS": "Ver menos",
   "LIVE_DEV_INSERT_CREATE": "Crear",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dos nuevas formas de editar",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configurar Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code está instalado, pero necesita configurarse.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurar Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicia {APP_NAME} después de que se complete la configuración.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Añadir proveedor personalizado",
   "AI_CHAT_SETUP_NEED_HELP": "¿Necesitas ayuda?",
   "AI_CHAT_SETUP_LEARN_MORE": "Más información",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "¿Eliminar esta sesión?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "La IA está trabajando",
   "AI_CHAT_SWITCH_PROJECT_MSG": "La IA está trabajando en una tarea. Cambiar de proyecto la detendrá. ¿Desea continuar?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "La IA está trabajando",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "La IA está trabajando en una tarea. Iniciar una nueva conversación la detendrá. ¿Continuar?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "La IA está trabajando",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "La IA está trabajando en una tarea. Cambiar a una conversación anterior la detendrá. ¿Continuar?",
   "AI_CHAT_SETTINGS_TITLE": "Ajustes de Claude Code",
   "AI_SETTINGS_API_KEY": "Clave de API",
   "AI_SETTINGS_BASE_URL": "URL base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicia {APP_NAME} después de que se complete la configuración.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "La IA está trabajando",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "La IA está trabajando en una tarea. Iniciar una nueva conversación la detendrá. ¿Continuar?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "La IA está trabajando",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "La IA está trabajando en una tarea. Cambiar a una conversación anterior la detendrá. ¿Continuar?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar más",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Tu página está vacía — añade un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Añadir tu primer elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index 195eb15d4b..bd58951e7b 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "جستجوی عناصر…",
   "LIVE_DEV_INSERT_COMMON": "رایج",
   "LIVE_DEV_INSERT_NO_RESULTS": "عنصر منطبقی یافت نشد",
-  "LIVE_DEV_INSERT_SEE_MORE": "مشاهده بیشتر",
   "LIVE_DEV_INSERT_SHOW_LESS": "نمایش کمتر",
   "LIVE_DEV_INSERT_CREATE": "ایجاد",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "دو روش جدید برای ویرایش",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "راه‌اندازی Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code نصب شده است اما نیاز به پیکربندی دارد.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "راه‌اندازی Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "پس از تکمیل پیکربندی، {APP_NAME} را دوباره راه‌اندازی کنید.",
   "AI_CHAT_ADD_PROVIDER_BTN": "افزودن ارائه‌دهنده سفارشی",
   "AI_CHAT_SETUP_NEED_HELP": "نیاز به کمک دارید؟",
   "AI_CHAT_SETUP_LEARN_MORE": "اطلاعات بیشتر",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "این گفتگو حذف شود؟",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "هوش مصنوعی در حال کار است",
   "AI_CHAT_SWITCH_PROJECT_MSG": "هوش مصنوعی در حال انجام یک کار است. تغییر پروژه باعث توقف آن می‌شود. آیا ادامه می‌دهید؟",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "هوش مصنوعی در حال کار است",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "هوش مصنوعی در حال انجام یک کار است. شروع گفتگوی جدید، کار فعلی را متوقف می‌کند. آیا ادامه می‌دهید؟",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "هوش مصنوعی در حال کار است",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "هوش مصنوعی در حال انجام یک کار است. رفتن به یک گفتگوی قبلی، کار فعلی را متوقف می‌کند. آیا ادامه می‌دهید؟",
   "AI_CHAT_SETTINGS_TITLE": "تنظیمات Claude Code",
   "AI_SETTINGS_API_KEY": "کلید API",
   "AI_SETTINGS_BASE_URL": "URL پایه",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "پس از تکمیل پیکربندی، {APP_NAME} را دوباره راه‌اندازی کنید.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "هوش مصنوعی در حال کار است",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "هوش مصنوعی در حال انجام یک کار است. شروع گفتگوی جدید، کار فعلی را متوقف می‌کند. آیا ادامه می‌دهید؟",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "هوش مصنوعی در حال کار است",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "هوش مصنوعی در حال انجام یک کار است. رفتن به یک گفتگوی قبلی، کار فعلی را متوقف می‌کند. آیا ادامه می‌دهید؟"
+  "LIVE_DEV_INSERT_SHOW_MORE": "نمایش بیشتر",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحهٔ شما خالی است — یک عنصر اضافه کنید",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "اولین عنصر خود را اضافه کنید",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "جمع کردن"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index d874a373fe..402666a190 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Etsi elementtejä…",
   "LIVE_DEV_INSERT_COMMON": "Yleiset",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ei vastaavia elementtejä",
-  "LIVE_DEV_INSERT_SEE_MORE": "Näytä lisää",
   "LIVE_DEV_INSERT_SHOW_LESS": "Näytä vähemmän",
   "LIVE_DEV_INSERT_CREATE": "Luo",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Kaksi uutta tapaa muokata",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Määritä Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code on asennettu, mutta se on määritettävä.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Määritä Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Käynnistä {APP_NAME} uudelleen määrityksen valmistuttua.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Lisää mukautettu palveluntarjoaja",
   "AI_CHAT_SETUP_NEED_HELP": "Tarvitsetko apua?",
   "AI_CHAT_SETUP_LEARN_MORE": "Lue lisää",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Poistetaanko tämä istunto?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "Tekoäly työskentelee",
   "AI_CHAT_SWITCH_PROJECT_MSG": "Tekoälyllä on tehtävä kesken. Projektin vaihtaminen keskeyttää sen. Jatketaanko?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Tekoäly työskentelee",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Tekoälyllä on tehtävä kesken. Uuden keskustelun aloittaminen keskeyttää sen. Jatketaanko?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Tekoäly työskentelee",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Tekoälyllä on tehtävä kesken. Aiempaan keskusteluun siirtyminen keskeyttää sen. Jatketaanko?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code -asetukset",
   "AI_SETTINGS_API_KEY": "API-avain",
   "AI_SETTINGS_BASE_URL": "Perus-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Käynnistä {APP_NAME} uudelleen määrityksen valmistuttua.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Tekoäly työskentelee",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Tekoälyllä on tehtävä kesken. Uuden keskustelun aloittaminen keskeyttää sen. Jatketaanko?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Tekoäly työskentelee",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Tekoälyllä on tehtävä kesken. Aiempaan keskusteluun siirtyminen keskeyttää sen. Jatketaanko?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Näytä lisää",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sivusi on tyhjä — lisää elementti",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lisää ensimmäinen elementtisi",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Kutista"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index b607de705b..63d238d29b 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Rechercher des éléments…",
   "LIVE_DEV_INSERT_COMMON": "Communs",
   "LIVE_DEV_INSERT_NO_RESULTS": "Aucun élément correspondant",
-  "LIVE_DEV_INSERT_SEE_MORE": "Voir plus",
   "LIVE_DEV_INSERT_SHOW_LESS": "Voir moins",
   "LIVE_DEV_INSERT_CREATE": "Créer",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Deux nouvelles façons d'éditer",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configuration de Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code est installé mais doit être configuré.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurer Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Redémarrez {APP_NAME} une fois la configuration terminée.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Ajouter un fournisseur personnalisé",
   "AI_CHAT_SETUP_NEED_HELP": "Besoin d'aide ?",
   "AI_CHAT_SETUP_LEARN_MORE": "En savoir plus",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Supprimer cette session ?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "L'IA travaille",
   "AI_CHAT_SWITCH_PROJECT_MSG": "L'IA travaille actuellement sur une tâche. Changer de projet l'interrompra. Continuer ?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "L'IA est au travail",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "L'IA effectue actuellement une tâche. Démarrer une nouvelle conversation l'interrompra. Continuer ?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "L'IA est au travail",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "L'IA effectue actuellement une tâche. Passer à une conversation précédente l'interrompra. Continuer ?",
   "AI_CHAT_SETTINGS_TITLE": "Paramètres de Claude Code",
   "AI_SETTINGS_API_KEY": "Clé d'API",
   "AI_SETTINGS_BASE_URL": "URL de base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Redémarrez {APP_NAME} une fois la configuration terminée.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "L'IA est au travail",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "L'IA effectue actuellement une tâche. Démarrer une nouvelle conversation l'interrompra. Continuer ?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "L'IA est au travail",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "L'IA effectue actuellement une tâche. Passer à une conversation précédente l'interrompra. Continuer ?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Afficher plus",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Votre page est vide — ajoutez un élément",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Ajoutez votre premier élément",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Réduire"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index 22273d4b08..93aba4b9fc 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comúns",
   "LIVE_DEV_INSERT_NO_RESULTS": "Non se atoparon elementos coincidentes",
-  "LIVE_DEV_INSERT_SEE_MORE": "Ver máis",
   "LIVE_DEV_INSERT_SHOW_LESS": "Amosar menos",
   "LIVE_DEV_INSERT_CREATE": "Crear",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dúas novas formas de editar",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configurar Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code está instalado, pero necesita configurarse.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurar Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie {APP_NAME} unha vez completada a configuración.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Engadir provedor personalizado",
   "AI_CHAT_SETUP_NEED_HELP": "Precisa axuda?",
   "AI_CHAT_SETUP_LEARN_MORE": "Máis información",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Eliminar esta sesión?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "A IA está a traballar",
   "AI_CHAT_SWITCH_PROJECT_MSG": "A IA está a traballar actualmente nunha tarefa. Cambiar de proxecto deterá o proceso. Desexa continuar?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está a traballar",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está a traballar nunha tarefa. Iniciar unha nova conversa deteráa. Desexa continuar?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está a traballar",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está a traballar nunha tarefa. Cambiar a unha conversa anterior deteráa. Desexa continuar?",
   "AI_CHAT_SETTINGS_TITLE": "Configuración de Claude Code",
   "AI_SETTINGS_API_KEY": "Chave de API",
   "AI_SETTINGS_BASE_URL": "URL base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie {APP_NAME} unha vez completada a configuración.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está a traballar",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está a traballar nunha tarefa. Iniciar unha nova conversa deteráa. Desexa continuar?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está a traballar",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está a traballar nunha tarefa. Cambiar a unha conversa anterior deteráa. Desexa continuar?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Amosar máis",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A túa páxina está baleira — engade un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Engadir o teu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index 609247decb..0f20877ca3 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "एलिमेंट खोजें…",
   "LIVE_DEV_INSERT_COMMON": "सामान्य",
   "LIVE_DEV_INSERT_NO_RESULTS": "कोई मेल खाने वाले एलिमेंट नहीं",
-  "LIVE_DEV_INSERT_SEE_MORE": "और देखें",
   "LIVE_DEV_INSERT_SHOW_LESS": "कम दिखाएँ",
   "LIVE_DEV_INSERT_CREATE": "बनाएँ",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "संपादित करने के दो नए तरीके",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code सेटअप",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code इंस्टॉल हो गया है लेकिन इसे कॉन्फ़िगर करने की आवश्यकता है।",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code सेटअप करें",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "कॉन्फ़िगरेशन पूरा होने के बाद {APP_NAME} को पुनः आरंभ करें।",
   "AI_CHAT_ADD_PROVIDER_BTN": "कस्टम प्रदाता जोड़ें",
   "AI_CHAT_SETUP_NEED_HELP": "मदद चाहिए?",
   "AI_CHAT_SETUP_LEARN_MORE": "और जानें",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "इस सत्र को हटाएँ?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI काम कर रहा है",
   "AI_CHAT_SWITCH_PROJECT_MSG": "एआई अभी एक टास्क पर काम कर रहा है। प्रोजेक्ट बदलने से यह रुक जाएगा। जारी रखें?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "एआई काम कर रहा है",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "एआई अभी एक कार्य पर काम कर रहा है। नई बातचीत शुरू करने से यह रुक जाएगा। जारी रखें?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "एआई काम कर रहा है",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "एआई अभी एक कार्य पर काम कर रहा है। पिछली बातचीत पर जाने से यह रुक जाएगा। जारी रखें?",
   "AI_CHAT_SETTINGS_TITLE": "क्लॉड कोड सेटिंग्स",
   "AI_SETTINGS_API_KEY": "API कुंजी",
   "AI_SETTINGS_BASE_URL": "बेस URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "कॉन्फ़िगरेशन पूरा होने के बाद {APP_NAME} को पुनः आरंभ करें।",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "एआई काम कर रहा है",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "एआई अभी एक कार्य पर काम कर रहा है। नई बातचीत शुरू करने से यह रुक जाएगा। जारी रखें?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "एआई काम कर रहा है",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "एआई अभी एक कार्य पर काम कर रहा है। पिछली बातचीत पर जाने से यह रुक जाएगा। जारी रखें?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "और दिखाएँ",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "आपका पेज खाली है — एक एलिमेंट जोड़ें",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "अपना पहला एलिमेंट जोड़ें",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "संक्षिप्त करें"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index 4508d894ec..a63cc4cadc 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Pretraži elemente…",
   "LIVE_DEV_INSERT_COMMON": "Uobičajeno",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nema podudarajućih elemenata",
-  "LIVE_DEV_INSERT_SEE_MORE": "Prikaži više",
   "LIVE_DEV_INSERT_SHOW_LESS": "Prikaži manje",
   "LIVE_DEV_INSERT_CREATE": "Kreiraj",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nova načina za uređivanje",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Postavljanje Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code je instaliran, ali ga je potrebno konfigurirati.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Postavi Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Ponovno pokrenite {APP_NAME} nakon dovršetka konfiguracije.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Dodaj prilagođenog pružatelja",
   "AI_CHAT_SETUP_NEED_HELP": "Trebate pomoć?",
   "AI_CHAT_SETUP_LEARN_MORE": "Saznajte više",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Izbrisati ovu sesiju?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI radi",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI trenutno radi na zadatku. Promjena projekta će ga zaustaviti. Želite li nastaviti?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI radi",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI trenutno radi na zadatku. Pokretanje novog razgovora zaustavit će ga. Nastaviti?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI radi",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI trenutno radi na zadatku. Prebacivanje na prethodni razgovor zaustavit će ga. Nastaviti?",
   "AI_CHAT_SETTINGS_TITLE": "Postavke za Claude Code",
   "AI_SETTINGS_API_KEY": "API ključ",
   "AI_SETTINGS_BASE_URL": "Osnovni URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Ponovno pokrenite {APP_NAME} nakon dovršetka konfiguracije.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI radi",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI trenutno radi na zadatku. Pokretanje novog razgovora zaustavit će ga. Nastaviti?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI radi",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI trenutno radi na zadatku. Prebacivanje na prethodni razgovor zaustavit će ga. Nastaviti?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Prikaži više",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stranica je prazna — dodajte element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodajte svoj prvi element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sažmi"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index 179857ec91..d5c76e3443 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elemek keresése…",
   "LIVE_DEV_INSERT_COMMON": "Gyakori",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nincs egyező elem",
-  "LIVE_DEV_INSERT_SEE_MORE": "Több mutatása",
   "LIVE_DEV_INSERT_SHOW_LESS": "Kevesebb mutatása",
   "LIVE_DEV_INSERT_CREATE": "Létrehozás",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Két új szerkesztési mód",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code beállítása",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "A Claude Code telepítve van, de be kell állítani.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code beállítása",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Indítsa újra a(z) {APP_NAME} alkalmazást a konfiguráció befejezése után.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Egyéni szolgáltató hozzáadása",
   "AI_CHAT_SETUP_NEED_HELP": "Segítség?",
   "AI_CHAT_SETUP_LEARN_MORE": "További információk",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Törli ezt a beszélgetést?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "Az AI dolgozik",
   "AI_CHAT_SWITCH_PROJECT_MSG": "Az MI jelenleg egy feladaton dolgozik. A projektváltás leállítja a folyamatot. Folytatja?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Az AI dolgozik",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Az AI jelenleg egy feladaton dolgozik. Egy új beszélgetés indítása leállítja azt. Folytatja?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Az AI dolgozik",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Az AI jelenleg egy feladaton dolgozik. Egy korábbi beszélgetésre váltás leállítja azt. Folytatja?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code beállítások",
   "AI_SETTINGS_API_KEY": "API-kulcs",
   "AI_SETTINGS_BASE_URL": "Alap URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Indítsa újra a(z) {APP_NAME} alkalmazást a konfiguráció befejezése után.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Az AI dolgozik",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Az AI jelenleg egy feladaton dolgozik. Egy új beszélgetés indítása leállítja azt. Folytatja?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Az AI dolgozik",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Az AI jelenleg egy feladaton dolgozik. Egy korábbi beszélgetésre váltás leállítja azt. Folytatja?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Több mutatása",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Az oldala üres – adjon hozzá egy elemet",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Első elem hozzáadása",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Összecsukás"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index e6cbad3dcc..30712e54ed 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Cari elemen…",
   "LIVE_DEV_INSERT_COMMON": "Umum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Tidak ada elemen yang cocok",
-  "LIVE_DEV_INSERT_SEE_MORE": "Lihat lebih banyak",
   "LIVE_DEV_INSERT_SHOW_LESS": "Tampilkan lebih sedikit",
   "LIVE_DEV_INSERT_CREATE": "Buat",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dua cara baru untuk mengedit",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Siapkan Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code telah diinstal tetapi perlu dikonfigurasi.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Siapkan Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Mulai ulang {APP_NAME} setelah konfigurasi selesai.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Tambahkan Penyedia Kustom",
   "AI_CHAT_SETUP_NEED_HELP": "Butuh Bantuan?",
   "AI_CHAT_SETUP_LEARN_MORE": "Pelajari Lebih Lanjut",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Hapus sesi ini?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI sedang bekerja",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI sedang mengerjakan tugas. Beralih proyek akan menghentikannya. Lanjutkan?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI sedang bekerja",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI saat ini sedang mengerjakan tugas. Memulai percakapan baru akan menghentikannya. Lanjutkan?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI sedang bekerja",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI saat ini sedang mengerjakan tugas. Beralih ke percakapan sebelumnya akan menghentikannya. Lanjutkan?",
   "AI_CHAT_SETTINGS_TITLE": "Pengaturan Claude Code",
   "AI_SETTINGS_API_KEY": "Kunci API",
   "AI_SETTINGS_BASE_URL": "URL Dasar",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Mulai ulang {APP_NAME} setelah konfigurasi selesai.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI sedang bekerja",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI saat ini sedang mengerjakan tugas. Memulai percakapan baru akan menghentikannya. Lanjutkan?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI sedang bekerja",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI saat ini sedang mengerjakan tugas. Beralih ke percakapan sebelumnya akan menghentikannya. Lanjutkan?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Tampilkan lebih banyak",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Halaman Anda kosong — tambahkan elemen",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tambahkan elemen pertama Anda",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Ciutkan"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 48a3d44b68..d44b238a55 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Cerca elementi…",
   "LIVE_DEV_INSERT_COMMON": "Comuni",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nessun elemento corrispondente",
-  "LIVE_DEV_INSERT_SEE_MORE": "Mostra altro",
   "LIVE_DEV_INSERT_SHOW_LESS": "Mostra meno",
   "LIVE_DEV_INSERT_CREATE": "Crea",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Due nuovi modi per modificare",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configura Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code è installato ma deve essere configurato.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configura Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Riavvia {APP_NAME} al termine della configurazione.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Aggiungi provider personalizzato",
   "AI_CHAT_SETUP_NEED_HELP": "Serve aiuto?",
   "AI_CHAT_SETUP_LEARN_MORE": "Scopri di più",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Eliminare questa sessione?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "L'IA è al lavoro",
   "AI_CHAT_SWITCH_PROJECT_MSG": "L'IA sta eseguendo un'operazione. Il cambio di progetto la interromperà. Continuare?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "L'IA è al lavoro",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "L'IA è attualmente al lavoro su un'attività. Avviare una nuova conversazione la interromperà. Continuare?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "L'IA è al lavoro",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "L'IA è attualmente al lavoro su un'attività. Passare a una conversazione precedente la interromperà. Continuare?",
   "AI_CHAT_SETTINGS_TITLE": "Impostazioni Claude Code",
   "AI_SETTINGS_API_KEY": "Chiave API",
   "AI_SETTINGS_BASE_URL": "URL di base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Riavvia {APP_NAME} al termine della configurazione.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "L'IA è al lavoro",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "L'IA è attualmente al lavoro su un'attività. Avviare una nuova conversazione la interromperà. Continuare?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "L'IA è al lavoro",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "L'IA è attualmente al lavoro su un'attività. Passare a una conversazione precedente la interromperà. Continuare?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostra altro",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "La tua pagina è vuota — aggiungi un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Aggiungi il tuo primo elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Comprimi"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index 0fc0b5e8c4..636a8e704a 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "要素を検索…",
   "LIVE_DEV_INSERT_COMMON": "一般",
   "LIVE_DEV_INSERT_NO_RESULTS": "一致する要素がありません",
-  "LIVE_DEV_INSERT_SEE_MORE": "もっと見る",
   "LIVE_DEV_INSERT_SHOW_LESS": "折りたたむ",
   "LIVE_DEV_INSERT_CREATE": "作成",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "2つの新しい編集方法",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Codeのセットアップ",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Codeはインストールされていますが、設定が必要です。",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Codeをセットアップ",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "設定完了後、{APP_NAME}を再起動してください。",
   "AI_CHAT_ADD_PROVIDER_BTN": "カスタムプロバイダーを追加",
   "AI_CHAT_SETUP_NEED_HELP": "お困りですか？",
   "AI_CHAT_SETUP_LEARN_MORE": "詳細",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "このセッションを削除しますか？",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AIが処理中です",
   "AI_CHAT_SWITCH_PROJECT_MSG": "ＡＩは現在タスクを実行中です。プロジェクトを切り替えると、このタスクは停止します。続行しますか？",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AIが実行中です",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "現在、AIがタスクを実行中です。新しい会話を開始すると、実行中のタスクは停止します。続行しますか？",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AIが実行中です",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "現在、AIがタスクを実行中です。以前の会話に切り替えると、実行中のタスクは停止します。続行しますか？",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code設定",
   "AI_SETTINGS_API_KEY": "APIキー",
   "AI_SETTINGS_BASE_URL": "ベースURL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "設定完了後、{APP_NAME}を再起動してください。",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AIが実行中です",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "現在、AIがタスクを実行中です。新しい会話を開始すると、実行中のタスクは停止します。続行しますか？",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AIが実行中です",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "現在、AIがタスクを実行中です。以前の会話に切り替えると、実行中のタスクは停止します。続行しますか？"
+  "LIVE_DEV_INSERT_SHOW_MORE": "もっと見る",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "ページは空です — 要素を追加してください",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "最初の要素を追加",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折りたたむ"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index fbf21ed270..d36b681d19 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "요소 검색…",
   "LIVE_DEV_INSERT_COMMON": "일반",
   "LIVE_DEV_INSERT_NO_RESULTS": "일치하는 요소 없음",
-  "LIVE_DEV_INSERT_SEE_MORE": "더 보기",
   "LIVE_DEV_INSERT_SHOW_LESS": "간략히 보기",
   "LIVE_DEV_INSERT_CREATE": "생성",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "두 가지 새로운 편집 방법",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code 설정",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code가 설치되었지만 구성이 필요합니다.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code 설정",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "설정이 완료되면 {APP_NAME}을(를) 다시 시작하세요.",
   "AI_CHAT_ADD_PROVIDER_BTN": "사용자 지정 공급자 추가",
   "AI_CHAT_SETUP_NEED_HELP": "도움이 필요하신가요?",
   "AI_CHAT_SETUP_LEARN_MORE": "더 알아보기",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "이 세션을 삭제하시겠습니까?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI가 작업 중입니다",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI가 현재 작업을 수행 중입니다. 프로젝트를 전환하면 작업이 중단됩니다. 계속하시겠습니까?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI가 작업 중입니다",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI가 현재 작업 중입니다. 새 대화를 시작하면 작업이 중단됩니다. 계속하시겠습니까?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI가 작업 중입니다",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI가 현재 작업 중입니다. 이전 대화로 전환하면 작업이 중단됩니다. 계속하시겠습니까?",
   "AI_CHAT_SETTINGS_TITLE": "클로드 코드 설정",
   "AI_SETTINGS_API_KEY": "API 키",
   "AI_SETTINGS_BASE_URL": "기본 URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "설정이 완료되면 {APP_NAME}을(를) 다시 시작하세요.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI가 작업 중입니다",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI가 현재 작업 중입니다. 새 대화를 시작하면 작업이 중단됩니다. 계속하시겠습니까?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI가 작업 중입니다",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI가 현재 작업 중입니다. 이전 대화로 전환하면 작업이 중단됩니다. 계속하시겠습니까?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "더 보기",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "페이지가 비어 있습니다 — 요소를 추가하세요",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "첫 요소 추가",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "접기"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index cd258fcb2a..953ff208fc 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Meklēt elementus…",
   "LIVE_DEV_INSERT_COMMON": "Biežāk lietotie",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nav atbilstošu elementu",
-  "LIVE_DEV_INSERT_SEE_MORE": "Skatīt vairāk",
   "LIVE_DEV_INSERT_SHOW_LESS": "Rādīt mazāk",
   "LIVE_DEV_INSERT_CREATE": "Izveidot",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Divi jauni veidi, kā rediģēt",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Iestatīt Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code ir instalēts, bet to nepieciešams konfigurēt.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Iestatīt Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Pārstartējiet {APP_NAME} pēc konfigurācijas pabeigšanas.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Pievienot pielāgotu sniedzēju",
   "AI_CHAT_SETUP_NEED_HELP": "Vajadzīga palīdzība?",
   "AI_CHAT_SETUP_LEARN_MORE": "Uzzināt vairāk",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Dzēst šo sesiju?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI strādā",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI šobrīd strādā pie uzdevuma. Projektu maiņa pārtrauks tā darbību. Turpināt?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI strādā",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI pašlaik veic uzdevumu. Jaunas sarunas sākšana to pārtrauks. Turpināt?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI strādā",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI pašlaik veic uzdevumu. Pārslēgšanās uz iepriekšēju sarunu to pārtrauks. Turpināt?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code iestatījumi",
   "AI_SETTINGS_API_KEY": "API atslēga",
   "AI_SETTINGS_BASE_URL": "Bāzes URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Pārstartējiet {APP_NAME} pēc konfigurācijas pabeigšanas.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI strādā",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI pašlaik veic uzdevumu. Jaunas sarunas sākšana to pārtrauks. Turpināt?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI strādā",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI pašlaik veic uzdevumu. Pārslēgšanās uz iepriekšēju sarunu to pārtrauks. Turpināt?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Rādīt vairāk",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Jūsu lapa ir tukša — pievienojiet elementu",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pievienojiet savu pirmo elementu",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sakļaut"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index aa5125936e..b1de79779a 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "എലമെന്റുകൾക്കായി തിരയുക…",
   "LIVE_DEV_INSERT_COMMON": "സാധാരണം",
   "LIVE_DEV_INSERT_NO_RESULTS": "യോജിക്കുന്ന എലമെന്റുകൾ ഇല്ല",
-  "LIVE_DEV_INSERT_SEE_MORE": "കൂടുതൽ കാണുക",
   "LIVE_DEV_INSERT_SHOW_LESS": "ചുരുക്കുക",
   "LIVE_DEV_INSERT_CREATE": "സൃഷ്ടിക്കുക",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "എഡിറ്റുചെയ്യാൻ രണ്ട് പുതിയ വഴികൾ",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code സജ്ജീകരിക്കുക",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "ക്ലോഡ് കോഡ് ഇൻസ്റ്റാൾ ചെയ്തിട്ടുണ്ട്, എന്നാൽ കോൺഫിഗർ ചെയ്യേണ്ടതുണ്ട്.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code സജ്ജീകരിക്കുക",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "ക്രമീകരണം പൂർത്തിയായ ശേഷം {APP_NAME} പുനരാരംഭിക്കുക.",
   "AI_CHAT_ADD_PROVIDER_BTN": "കസ്റ്റം പ്രൊവൈഡറെ ചേർക്കുക",
   "AI_CHAT_SETUP_NEED_HELP": "സഹായം വേണോ?",
   "AI_CHAT_SETUP_LEARN_MORE": "കൂടുതലറിയാൻ",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "ഈ സെഷൻ ഇല്ലാതാക്കണോ?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI പ്രവർത്തിക്കുന്നു",
   "AI_CHAT_SWITCH_PROJECT_MSG": "എഐ ഇപ്പോൾ ഒരു ടാസ്കിൽ പ്രവർത്തിച്ചുകൊണ്ടിരിക്കുകയാണ്. പ്രോജക്റ്റ് മാറ്റുന്നത് അതിനെ നിർത്തലാക്കും. തുടരണോ?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "എഐ പ്രവർത്തിക്കുന്നു",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "എഐ നിലവിൽ ഒരു ടാസ്ക് ചെയ്തുകൊണ്ടിരിക്കുകയാണ്. ഒരു പുതിയ സംഭാഷണം ആരംഭിക്കുന്നത് അത് നിർത്തും. തുടരണോ?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "എഐ പ്രവർത്തിക്കുന്നു",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "എഐ നിലവിൽ ഒരു ടാസ്ക് ചെയ്തുകൊണ്ടിരിക്കുകയാണ്. മുമ്പത്തെ സംഭാഷണത്തിലേക്ക് മാറുന്നത് അത് നിർത്തും. തുടരണോ?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code ക്രമീകരണങ്ങൾ",
   "AI_SETTINGS_API_KEY": "API കീ",
   "AI_SETTINGS_BASE_URL": "ബേസ് URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "ക്രമീകരണം പൂർത്തിയായ ശേഷം {APP_NAME} പുനരാരംഭിക്കുക.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "എഐ പ്രവർത്തിക്കുന്നു",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "എഐ നിലവിൽ ഒരു ടാസ്ക് ചെയ്തുകൊണ്ടിരിക്കുകയാണ്. ഒരു പുതിയ സംഭാഷണം ആരംഭിക്കുന്നത് അത് നിർത്തും. തുടരണോ?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "എഐ പ്രവർത്തിക്കുന്നു",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "എഐ നിലവിൽ ഒരു ടാസ്ക് ചെയ്തുകൊണ്ടിരിക്കുകയാണ്. മുമ്പത്തെ സംഭാഷണത്തിലേക്ക് മാറുന്നത് അത് നിർത്തും. തുടരണോ?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "കൂടുതൽ കാണിക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "നിങ്ങളുടെ പേജ് ശൂന്യമാണ് — ഒരു ഘടകം ചേർക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "നിങ്ങളുടെ ആദ്യ ഘടകം ചേർക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "ചുരുക്കുക"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index 7d974f6113..ffa8706b7b 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Søk etter elementer…",
   "LIVE_DEV_INSERT_COMMON": "Vanlige",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ingen samsvarende elementer",
-  "LIVE_DEV_INSERT_SEE_MORE": "Se mer",
   "LIVE_DEV_INSERT_SHOW_LESS": "Vis mindre",
   "LIVE_DEV_INSERT_CREATE": "Opprett",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "To nye måter å redigere på",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Konfigurer Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code er installert, men må konfigureres.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Konfigurer Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Start {APP_NAME} på nytt etter at konfigurasjonen er fullført.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Legg til egendefinert leverandør",
   "AI_CHAT_SETUP_NEED_HELP": "Trenger du hjelp?",
   "AI_CHAT_SETUP_LEARN_MORE": "Lær mer",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Slette denne sesjonen?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI jobber",
   "AI_CHAT_SWITCH_PROJECT_MSG": "KI jobber for tiden med en oppgave. Bytte av prosjekt vil avbryte den. Fortsette?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI jobber",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI jobber for tiden med en oppgave. Hvis du starter en ny samtale, vil den bli avbrutt. Fortsette?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI jobber",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI jobber for tiden med en oppgave. Hvis du bytter til en tidligere samtale, vil den bli avbrutt. Fortsette?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code-innstillinger",
   "AI_SETTINGS_API_KEY": "API-nøkkel",
   "AI_SETTINGS_BASE_URL": "Basis-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Start {APP_NAME} på nytt etter at konfigurasjonen er fullført.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI jobber",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI jobber for tiden med en oppgave. Hvis du starter en ny samtale, vil den bli avbrutt. Fortsette?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI jobber",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI jobber for tiden med en oppgave. Hvis du bytter til en tidligere samtale, vil den bli avbrutt. Fortsette?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mer",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Siden din er tom — legg til et element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Legg til ditt første element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fell sammen"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index 26fba1bd83..664c20a819 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elementen zoeken…",
   "LIVE_DEV_INSERT_COMMON": "Veelgebruikt",
   "LIVE_DEV_INSERT_NO_RESULTS": "Geen overeenkomende elementen",
-  "LIVE_DEV_INSERT_SEE_MORE": "Meer weergeven",
   "LIVE_DEV_INSERT_SHOW_LESS": "Minder weergeven",
   "LIVE_DEV_INSERT_CREATE": "Maken",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Twee nieuwe manieren om te bewerken",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code instellen",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code is geïnstalleerd maar moet worden geconfigureerd.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code instellen",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Herstart {APP_NAME} nadat de configuratie is voltooid.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Aangepaste provider toevoegen",
   "AI_CHAT_SETUP_NEED_HELP": "Hulp nodig?",
   "AI_CHAT_SETUP_LEARN_MORE": "Meer informatie",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Deze sessie verwijderen?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI is bezig",
   "AI_CHAT_SWITCH_PROJECT_MSG": "De AI is momenteel bezig met een taak. Het wisselen van project stopt deze taak. Doorgaan?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI is bezig",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "De AI is momenteel bezig met een taak. Het starten van een nieuw gesprek zal dit proces stoppen. Doorgaan?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI is bezig",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "De AI is momenteel bezig met een taak. Overschakelen naar een vorig gesprek zal dit proces stoppen. Doorgaan?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code-instellingen",
   "AI_SETTINGS_API_KEY": "API-sleutel",
   "AI_SETTINGS_BASE_URL": "Basis-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Herstart {APP_NAME} nadat de configuratie is voltooid.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI is bezig",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "De AI is momenteel bezig met een taak. Het starten van een nieuw gesprek zal dit proces stoppen. Doorgaan?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI is bezig",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "De AI is momenteel bezig met een taak. Overschakelen naar een vorig gesprek zal dit proces stoppen. Doorgaan?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Toon meer",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Je pagina is leeg — voeg een element toe",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Voeg je eerste element toe",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Inklappen"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index 540335f57b..975b63307c 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Szukaj elementów…",
   "LIVE_DEV_INSERT_COMMON": "Powszechne",
   "LIVE_DEV_INSERT_NO_RESULTS": "Brak pasujących elementów",
-  "LIVE_DEV_INSERT_SEE_MORE": "Zobacz więcej",
   "LIVE_DEV_INSERT_SHOW_LESS": "Pokaż mniej",
   "LIVE_DEV_INSERT_CREATE": "Utwórz",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dwa nowe sposoby edycji",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Skonfiguruj Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code jest zainstalowany, ale wymaga konfiguracji.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Skonfiguruj Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Uruchom ponownie {APP_NAME} po zakończeniu konfiguracji.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Dodaj niestandardowego dostawcę",
   "AI_CHAT_SETUP_NEED_HELP": "Potrzebujesz pomocy?",
   "AI_CHAT_SETUP_LEARN_MORE": "Dowiedz się więcej",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Usunąć tę sesję?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI pracuje",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI obecnie pracuje nad zadaniem. Zmiana projektu przerwie je. Kontynuować?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI pracuje obecnie nad zadaniem. Rozpoczęcie nowej konwersacji przerwie jej pracę. Kontynuować?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI pracuje obecnie nad zadaniem. Przełączenie na poprzednią konwersację przerwie jej pracę. Kontynuować?",
   "AI_CHAT_SETTINGS_TITLE": "Ustawienia Claude Code",
   "AI_SETTINGS_API_KEY": "Klucz API",
   "AI_SETTINGS_BASE_URL": "Bazowy URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Uruchom ponownie {APP_NAME} po zakończeniu konfiguracji.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI pracuje obecnie nad zadaniem. Rozpoczęcie nowej konwersacji przerwie jej pracę. Kontynuować?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI pracuje obecnie nad zadaniem. Przełączenie na poprzednią konwersację przerwie jej pracę. Kontynuować?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Pokaż więcej",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Twoja strona jest pusta — dodaj element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodaj pierwszy element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zwiń"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 78b6b52a82..cb527f5435 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nenhum elemento correspondente",
-  "LIVE_DEV_INSERT_SEE_MORE": "Ver mais",
   "LIVE_DEV_INSERT_SHOW_LESS": "Ver menos",
   "LIVE_DEV_INSERT_CREATE": "Criar",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Duas novas maneiras de editar",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configurar Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "O Claude Code está instalado, mas precisa ser configurado.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurar Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie o {APP_NAME} após a conclusão da configuração.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Adicionar Provedor Personalizado",
   "AI_CHAT_SETUP_NEED_HELP": "Precisa de ajuda?",
   "AI_CHAT_SETUP_LEARN_MORE": "Saiba mais",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Excluir esta sessão?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "A IA está trabalhando",
   "AI_CHAT_SWITCH_PROJECT_MSG": "A IA está trabalhando em uma tarefa. Mudar de projeto irá interrompê-la. Continuar?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está trabalhando",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está trabalhando em uma tarefa. Iniciar uma nova conversa irá interrompê-la. Deseja continuar?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está trabalhando",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está trabalhando em uma tarefa. Alternar para uma conversa anterior irá interrompê-la. Deseja continuar?",
   "AI_CHAT_SETTINGS_TITLE": "Configurações do Claude Code",
   "AI_SETTINGS_API_KEY": "Chave de API",
   "AI_SETTINGS_BASE_URL": "URL Base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie o {APP_NAME} após a conclusão da configuração.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está trabalhando",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está trabalhando em uma tarefa. Iniciar uma nova conversa irá interrompê-la. Deseja continuar?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está trabalhando",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está trabalhando em uma tarefa. Alternar para uma conversa anterior irá interrompê-la. Deseja continuar?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sua página está vazia — adicione um elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicione seu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 7f90a8b0df..31d8dbc54a 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Procurar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nenhum elemento correspondente",
-  "LIVE_DEV_INSERT_SEE_MORE": "Ver mais",
   "LIVE_DEV_INSERT_SHOW_LESS": "Mostrar menos",
   "LIVE_DEV_INSERT_CREATE": "Criar",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Duas novas formas de editar",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configurar o Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "O Claude Code está instalado, mas precisa de ser configurado.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurar o Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie o {APP_NAME} após a conclusão da configuração.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Adicionar Fornecedor Personalizado",
   "AI_CHAT_SETUP_NEED_HELP": "Precisa de ajuda?",
   "AI_CHAT_SETUP_LEARN_MORE": "Saiba mais",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Eliminar esta sessão?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "A IA está a trabalhar",
   "AI_CHAT_SWITCH_PROJECT_MSG": "A IA está a executar uma tarefa. Mudar de projeto irá interrompê-la. Continuar?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está a trabalhar",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está atualmente a trabalhar numa tarefa. Iniciar uma nova conversa irá interrompê-la. Deseja continuar?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está a trabalhar",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está atualmente a trabalhar numa tarefa. Mudar para uma conversa anterior irá interrompê-la. Deseja continuar?",
   "AI_CHAT_SETTINGS_TITLE": "Definições do Claude Code",
   "AI_SETTINGS_API_KEY": "Chave da API",
   "AI_SETTINGS_BASE_URL": "URL de Base",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reinicie o {APP_NAME} após a conclusão da configuração.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "A IA está a trabalhar",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "A IA está atualmente a trabalhar numa tarefa. Iniciar uma nova conversa irá interrompê-la. Deseja continuar?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "A IA está a trabalhar",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "A IA está atualmente a trabalhar numa tarefa. Mudar para uma conversa anterior irá interrompê-la. Deseja continuar?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A sua página está vazia — adicione um elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicionar o seu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 0dadc49b06..4178c243f7 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Căutare elemente…",
   "LIVE_DEV_INSERT_COMMON": "Comune",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nu s-au găsit elemente corespunzătoare",
-  "LIVE_DEV_INSERT_SEE_MORE": "Vezi mai mult",
   "LIVE_DEV_INSERT_SHOW_LESS": "Afișează mai puțin",
   "LIVE_DEV_INSERT_CREATE": "Creează",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Două noi moduri de a edita",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Configurare Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code este instalat, dar trebuie configurat.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Configurați Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reporniți {APP_NAME} după ce se finalizează configurarea.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Adăugați Furnizor Personalizat",
   "AI_CHAT_SETUP_NEED_HELP": "Nevoie de ajutor?",
   "AI_CHAT_SETUP_LEARN_MORE": "Aflați mai multe",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Ștergeți această sesiune?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI lucrează",
   "AI_CHAT_SWITCH_PROJECT_MSG": "IA lucrează în prezent la o sarcină. Schimbarea proiectului va opri procesul. Continuați?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI lucrează",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI-ul lucrează în prezent la o sarcină. Pornirea unei noi conversații va opri procesul curent. Continuați?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI lucrează",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI-ul lucrează în prezent la o sarcină. Comutarea la o conversație anterioară va opri procesul curent. Continuați?",
   "AI_CHAT_SETTINGS_TITLE": "Setări Claude Code",
   "AI_SETTINGS_API_KEY": "Cheie API",
   "AI_SETTINGS_BASE_URL": "URL de bază",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reporniți {APP_NAME} după ce se finalizează configurarea.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI lucrează",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI-ul lucrează în prezent la o sarcină. Pornirea unei noi conversații va opri procesul curent. Continuați?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI lucrează",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI-ul lucrează în prezent la o sarcină. Comutarea la o conversație anterioară va opri procesul curent. Continuați?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Afișează mai mult",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Pagina ta este goală — adaugă un element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adaugă primul tău element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Restrânge"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index 451b8d0833..d0832ec78b 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Поиск элементов…",
   "LIVE_DEV_INSERT_COMMON": "Общие",
   "LIVE_DEV_INSERT_NO_RESULTS": "Нет подходящих элементов",
-  "LIVE_DEV_INSERT_SEE_MORE": "Показать больше",
   "LIVE_DEV_INSERT_SHOW_LESS": "Показать меньше",
   "LIVE_DEV_INSERT_CREATE": "Создать",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два новых способа редактирования",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Настройка Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code установлен, но требует настройки.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Настроить Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Перезапустите {APP_NAME} после завершения настройки.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Добавить пользовательский провайдер",
   "AI_CHAT_SETUP_NEED_HELP": "Нужна помощь?",
   "AI_CHAT_SETUP_LEARN_MORE": "Узнать больше",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Удалить этот сеанс?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "ИИ работает",
   "AI_CHAT_SWITCH_PROJECT_MSG": "ИИ сейчас выполняет задачу. Смена проекта остановит её. Продолжить?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "ИИ работает",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "ИИ сейчас выполняет задачу. Начало нового диалога прервёт её. Продолжить?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "ИИ работает",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "ИИ сейчас выполняет задачу. Переключение на предыдущий диалог прервёт её. Продолжить?",
   "AI_CHAT_SETTINGS_TITLE": "Настройки Claude Code",
   "AI_SETTINGS_API_KEY": "API-ключ",
   "AI_SETTINGS_BASE_URL": "Базовый URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Перезапустите {APP_NAME} после завершения настройки.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "ИИ работает",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "ИИ сейчас выполняет задачу. Начало нового диалога прервёт её. Продолжить?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "ИИ работает",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "ИИ сейчас выполняет задачу. Переключение на предыдущий диалог прервёт её. Продолжить?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Показать ещё",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша страница пуста — добавьте элемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавить первый элемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свернуть"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index 3b536cf0a8..bc9b1d321e 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Hľadať prvky…",
   "LIVE_DEV_INSERT_COMMON": "Bežné",
   "LIVE_DEV_INSERT_NO_RESULTS": "Žiadne zodpovedajúce prvky",
-  "LIVE_DEV_INSERT_SEE_MORE": "Zobraziť viac",
   "LIVE_DEV_INSERT_SHOW_LESS": "Zobraziť menej",
   "LIVE_DEV_INSERT_CREATE": "Vytvoriť",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nové spôsoby úprav",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Nastavenie Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code je nainštalovaný, ale je potrebné ho nakonfigurovať.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Nastaviť Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reštartujte {APP_NAME} po dokončení konfigurácie.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Pridať vlastného poskytovateľa",
   "AI_CHAT_SETUP_NEED_HELP": "Potrebujete pomoc?",
   "AI_CHAT_SETUP_LEARN_MORE": "Zistiť viac",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Odstrániť túto reláciu?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI pracuje",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI momentálne pracuje na úlohe. Prepnutie projektu ju zastaví. Chcete pokračovať?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI momentálne pracuje na úlohe. Spustenie novej konverzácie ju zastaví. Pokračovať?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI momentálne pracuje na úlohe. Prepnutie na predchádzajúcu konverzáciu ju zastaví. Pokračovať?",
   "AI_CHAT_SETTINGS_TITLE": "Nastavenia Claude Code",
   "AI_SETTINGS_API_KEY": "API kľúč",
   "AI_SETTINGS_BASE_URL": "Základná URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Reštartujte {APP_NAME} po dokončení konfigurácie.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI momentálne pracuje na úlohe. Spustenie novej konverzácie ju zastaví. Pokračovať?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI pracuje",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI momentálne pracuje na úlohe. Prepnutie na predchádzajúcu konverzáciu ju zastaví. Pokračovať?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Zobraziť viac",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stránka je prázdna — pridajte prvok",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pridajte svoj prvý prvok",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zbaliť"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 3501cf04f1..413977871a 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Претражи елементе…",
   "LIVE_DEV_INSERT_COMMON": "Уобичајени",
   "LIVE_DEV_INSERT_NO_RESULTS": "Нема подударајућих елемената",
-  "LIVE_DEV_INSERT_SEE_MORE": "Прикажи више",
   "LIVE_DEV_INSERT_SHOW_LESS": "Прикажи мање",
   "LIVE_DEV_INSERT_CREATE": "Креирај",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нова начина за уређивање",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Подешавање Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code је инсталиран, али га је потребно подесити.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Подесите Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Поново покрените {APP_NAME} по завршетку конфигурације.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Додајте прилагођеног провајдера",
   "AI_CHAT_SETUP_NEED_HELP": "Треба вам помоћ?",
   "AI_CHAT_SETUP_LEARN_MORE": "Сазнајте више",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Обрисати ову сесију?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI ради",
   "AI_CHAT_SWITCH_PROJECT_MSG": "ВИ тренутно ради на задатку. Прелазак на други пројекат ће је прекинути. Желите ли да наставите?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI ради",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI тренутно ради на задатку. Покретање новог разговора ће га зауставити. Наставити?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI ради",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI тренутно ради на задатку. Пребацивање на претходни разговор ће га зауставити. Наставити?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code подешавања",
   "AI_SETTINGS_API_KEY": "API кључ",
   "AI_SETTINGS_BASE_URL": "Основна URL адреса",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Поново покрените {APP_NAME} по завршетку конфигурације.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI ради",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI тренутно ради на задатку. Покретање новог разговора ће га зауставити. Наставити?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI ради",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI тренутно ради на задатку. Пребацивање на претходни разговор ће га зауставити. Наставити?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Прикажи више",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страница је празна — додајте елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додајте први елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Скупи"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index efed731bd7..deac4ac526 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Sök element...",
   "LIVE_DEV_INSERT_COMMON": "Vanliga",
   "LIVE_DEV_INSERT_NO_RESULTS": "Inga matchande element",
-  "LIVE_DEV_INSERT_SEE_MORE": "Visa mer",
   "LIVE_DEV_INSERT_SHOW_LESS": "Visa mindre",
   "LIVE_DEV_INSERT_CREATE": "Skapa",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Två nya sätt att redigera",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Konfigurera Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code är installerat men behöver konfigureras.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Konfigurera Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Starta om {APP_NAME} efter att konfigurationen har slutförts.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Lägg till anpassad leverantör",
   "AI_CHAT_SETUP_NEED_HELP": "Behöver du hjälp?",
   "AI_CHAT_SETUP_LEARN_MORE": "Läs mer",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Ta bort den här sessionen?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI arbetar",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI arbetar för närvarande med en uppgift. Att byta projekt kommer att avbryta den. Fortsätta?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI arbetar",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI arbetar för närvarande med en uppgift. Om du startar en ny konversation avbryts den. Fortsätta?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI arbetar",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI arbetar för närvarande med en uppgift. Om du byter till en tidigare konversation avbryts den. Fortsätta?",
   "AI_CHAT_SETTINGS_TITLE": "Inställningar för Claude Code",
   "AI_SETTINGS_API_KEY": "API-nyckel",
   "AI_SETTINGS_BASE_URL": "Bas-URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Starta om {APP_NAME} efter att konfigurationen har slutförts.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI arbetar",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI arbetar för närvarande med en uppgift. Om du startar en ny konversation avbryts den. Fortsätta?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI arbetar",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI arbetar för närvarande med en uppgift. Om du byter till en tidigare konversation avbryts den. Fortsätta?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Visa mer",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din sida är tom — lägg till ett element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lägg till ditt första element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fäll ihop"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index a9b64d2dae..01a5a52ff6 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Öğeleri ara…",
   "LIVE_DEV_INSERT_COMMON": "Yaygın",
   "LIVE_DEV_INSERT_NO_RESULTS": "Eşleşen öğe bulunamadı",
-  "LIVE_DEV_INSERT_SEE_MORE": "Daha fazlasını gör",
   "LIVE_DEV_INSERT_SHOW_LESS": "Daha az göster",
   "LIVE_DEV_INSERT_CREATE": "Oluştur",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Düzenlemenin iki yeni yolu",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code'u Ayarla",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code kuruldu ancak yapılandırılması gerekiyor.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code'u Ayarla",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Yapılandırma tamamlandıktan sonra {APP_NAME} uygulamasını yeniden başlatın.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Özel Sağlayıcı Ekle",
   "AI_CHAT_SETUP_NEED_HELP": "Yardıma mı ihtiyacınız var?",
   "AI_CHAT_SETUP_LEARN_MORE": "Daha Fazla Bilgi Edinin",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Bu oturum silinsin mi?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "Yapay zeka çalışıyor",
   "AI_CHAT_SWITCH_PROJECT_MSG": "Yapay Zeka şu anda bir görev üzerinde çalışıyor. Proje değiştirmek bu işlemi durduracaktır. Devam edilsin mi?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Yapay Zeka çalışıyor",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Yapay Zeka şu anda bir görev üzerinde çalışıyor. Yeni bir sohbet başlatmak bu işlemi durduracaktır. Devam edilsin mi?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Yapay Zeka çalışıyor",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Yapay Zeka şu anda bir görev üzerinde çalışıyor. Önceki bir sohbete geçmek bu işlemi durduracaktır. Devam edilsin mi?",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code Ayarları",
   "AI_SETTINGS_API_KEY": "API Anahtarı",
   "AI_SETTINGS_BASE_URL": "Temel URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Yapılandırma tamamlandıktan sonra {APP_NAME} uygulamasını yeniden başlatın.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "Yapay Zeka çalışıyor",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "Yapay Zeka şu anda bir görev üzerinde çalışıyor. Yeni bir sohbet başlatmak bu işlemi durduracaktır. Devam edilsin mi?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "Yapay Zeka çalışıyor",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "Yapay Zeka şu anda bir görev üzerinde çalışıyor. Önceki bir sohbete geçmek bu işlemi durduracaktır. Devam edilsin mi?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Daha fazla göster",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sayfanız boş — bir öğe ekleyin",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "İlk öğenizi ekleyin",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Daralt"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index e3667cf10d..02f023575a 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Пошук елементів…",
   "LIVE_DEV_INSERT_COMMON": "Загальні",
   "LIVE_DEV_INSERT_NO_RESULTS": "Немає відповідних елементів",
-  "LIVE_DEV_INSERT_SEE_MORE": "Показати більше",
   "LIVE_DEV_INSERT_SHOW_LESS": "Показати менше",
   "LIVE_DEV_INSERT_CREATE": "Створити",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нові способи редагування",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Налаштування Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code встановлено, але його потрібно налаштувати.",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Налаштувати Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Перезапустіть {APP_NAME} після завершення налаштування.",
   "AI_CHAT_ADD_PROVIDER_BTN": "Додати користувацького постачальника",
   "AI_CHAT_SETUP_NEED_HELP": "Потрібна допомога?",
   "AI_CHAT_SETUP_LEARN_MORE": "Дізнатися більше",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "Видалити цей сеанс?",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "ШІ працює",
   "AI_CHAT_SWITCH_PROJECT_MSG": "ШІ зараз працює над завданням. Зміна проєкту зупинить його. Продовжити?",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "ШІ працює",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "ШІ зараз виконує завдання. Початок нової розмови зупинить його. Продовжити?",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "ШІ працює",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "ШІ зараз виконує завдання. Перехід до попередньої розмови зупинить його. Продовжити?",
   "AI_CHAT_SETTINGS_TITLE": "Налаштування Claude Code",
   "AI_SETTINGS_API_KEY": "API-ключ",
   "AI_SETTINGS_BASE_URL": "Базова URL-адреса",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "Перезапустіть {APP_NAME} після завершення налаштування.",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "ШІ працює",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "ШІ зараз виконує завдання. Початок нової розмови зупинить його. Продовжити?",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "ШІ працює",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "ШІ зараз виконує завдання. Перехід до попередньої розмови зупинить його. Продовжити?"
+  "LIVE_DEV_INSERT_SHOW_MORE": "Показати більше",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша сторінка порожня — додайте елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додати перший елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Згорнути"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index 6152d4022a..97ce907543 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "عناصر تلاش کریں…",
   "LIVE_DEV_INSERT_COMMON": "عام",
   "LIVE_DEV_INSERT_NO_RESULTS": "کوئی مماثل عناصر نہیں",
-  "LIVE_DEV_INSERT_SEE_MORE": "مزید دیکھیں",
   "LIVE_DEV_INSERT_SHOW_LESS": "کم دکھائیں",
   "LIVE_DEV_INSERT_CREATE": "تخلیق کریں",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "ترمیم کرنے کے دو نئے طریقے",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "Claude Code سیٹ اپ",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "کلاڈ کوڈ انسٹال ہو گیا ہے لیکن اسے کنفیگر کرنے کی ضرورت ہے۔",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "Claude Code سیٹ اپ کریں",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "کنفیگریشن مکمل ہونے کے بعد {APP_NAME} دوبارہ شروع کریں۔",
   "AI_CHAT_ADD_PROVIDER_BTN": "کسٹم پرووائیڈر شامل کریں",
   "AI_CHAT_SETUP_NEED_HELP": "مدد درکار ہے؟",
   "AI_CHAT_SETUP_LEARN_MORE": "مزید جانیں",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "یہ سیشن حذف کریں؟",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI کام کر رہا ہے",
   "AI_CHAT_SWITCH_PROJECT_MSG": "اے آئی فی الحال ایک ٹاسک پر کام کر رہا ہے۔ پروجیکٹس تبدیل کرنے سے یہ رک جائے گا۔ جاری رکھیں؟",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "اے آئی کام کر رہا ہے",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "اے آئی فی الحال ایک کام پر کام کر رہا ہے۔ نئی گفتگو شروع کرنے سے یہ رک جائے گا۔ جاری رکھیں؟",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "اے آئی کام کر رہا ہے",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "اے آئی فی الحال ایک کام پر کام کر رہا ہے۔ پچھلی گفتگو پر جانے سے یہ رک جائے گا۔ جاری رکھیں؟",
   "AI_CHAT_SETTINGS_TITLE": "کلاڈ کوڈ سیٹنگز",
   "AI_SETTINGS_API_KEY": "API کی",
   "AI_SETTINGS_BASE_URL": "بیس یو آر ایل",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "کنفیگریشن مکمل ہونے کے بعد {APP_NAME} دوبارہ شروع کریں۔",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "اے آئی کام کر رہا ہے",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "اے آئی فی الحال ایک کام پر کام کر رہا ہے۔ نئی گفتگو شروع کرنے سے یہ رک جائے گا۔ جاری رکھیں؟",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "اے آئی کام کر رہا ہے",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "اے آئی فی الحال ایک کام پر کام کر رہا ہے۔ پچھلی گفتگو پر جانے سے یہ رک جائے گا۔ جاری رکھیں؟"
+  "LIVE_DEV_INSERT_SHOW_MORE": "مزید دکھائیں",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "آپ کا صفحہ خالی ہے — ایک عنصر شامل کریں",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "اپنا پہلا عنصر شامل کریں",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "سکیڑیں"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 225456abbd..372881787d 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "搜索元素…",
   "LIVE_DEV_INSERT_COMMON": "常用",
   "LIVE_DEV_INSERT_NO_RESULTS": "无匹配元素",
-  "LIVE_DEV_INSERT_SEE_MORE": "查看更多",
   "LIVE_DEV_INSERT_SHOW_LESS": "收起",
   "LIVE_DEV_INSERT_CREATE": "创建",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "两种新的编辑方式",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "设置 Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code 已安装，但需要配置。",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "设置 Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "配置完成后重启 {APP_NAME}。",
   "AI_CHAT_ADD_PROVIDER_BTN": "添加自定义提供商",
   "AI_CHAT_SETUP_NEED_HELP": "需要帮助？",
   "AI_CHAT_SETUP_LEARN_MORE": "了解更多",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "删除此会话？",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI 正在处理",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI 正在处理一项任务。切换项目会中断该任务。是否继续？",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI 正在工作中",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI 当前正在处理任务。开启新对话将中断该任务。要继续吗？",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI 正在工作中",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI 当前正在处理任务。切换到之前的对话将中断该任务。要继续吗？",
   "AI_CHAT_SETTINGS_TITLE": "Claude 代码设置",
   "AI_SETTINGS_API_KEY": "API 密钥",
   "AI_SETTINGS_BASE_URL": "基础 URL",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "配置完成后重启 {APP_NAME}。",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI 正在工作中",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI 当前正在处理任务。开启新对话将中断该任务。要继续吗？",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI 正在工作中",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI 当前正在处理任务。切换到之前的对话将中断该任务。要继续吗？"
+  "LIVE_DEV_INSERT_SHOW_MORE": "显示更多",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的页面为空 — 请添加元素",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "添加您的第一个元素",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折叠"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index 2d0e8a19db..9d9cbbad8e 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -1592,6 +1592,9 @@
   "LIVE_DEV_ELEMENT_PROPS_TITLE": "Element Properties",
   "LIVE_DEV_ELEMENT_PROPS_USE_CUSTOM": "Use “{0}”",
   "LIVE_DEV_ELEMENT_PROPS_VOID_ERROR": "<{0}> is self-closing and cannot have content",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
   "LIVE_DEV_FORMAT_BOLD": "Bold",
   "LIVE_DEV_FORMAT_CODE": "Code",
   "LIVE_DEV_FORMAT_HIGHLIGHT": "Highlight",
@@ -1749,8 +1752,8 @@
   "LIVE_DEV_INSERT_INSIDE": "Inside",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
-  "LIVE_DEV_INSERT_SEE_MORE": "See more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_WRAP": "Wrap",
   "LIVE_DEV_LOADING_ERROR_MESSAGE": "Unable to load Live Preview page.",
   "LIVE_DEV_LP_SELBOX_CANCEL_TOOLTIP": "Revert changes (Esc)",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index 6c148e9a04..f25d4a4b24 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -181,7 +181,6 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "搜尋元素…",
   "LIVE_DEV_INSERT_COMMON": "常用",
   "LIVE_DEV_INSERT_NO_RESULTS": "無相符的元素",
-  "LIVE_DEV_INSERT_SEE_MORE": "查看更多",
   "LIVE_DEV_INSERT_SHOW_LESS": "顯示更少",
   "LIVE_DEV_INSERT_CREATE": "建立",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "兩種新的編輯方式",
@@ -1975,6 +1974,7 @@ define({
   "AI_CHAT_CLAUDE_LOGIN_TITLE": "設定 Claude Code",
   "AI_CHAT_CLAUDE_LOGIN_MSG": "Claude Code 已安裝，但需要進行設定。",
   "AI_CHAT_CLAUDE_LOGIN_BTN": "設定 Claude Code",
+  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "設定完成後，請重新啟動 {APP_NAME}。",
   "AI_CHAT_ADD_PROVIDER_BTN": "新增自訂供應商",
   "AI_CHAT_SETUP_NEED_HELP": "需要協助嗎？",
   "AI_CHAT_SETUP_LEARN_MORE": "了解更多",
@@ -2155,6 +2155,10 @@ define({
   "AI_CHAT_HISTORY_DELETE_CONFIRM": "要刪除此對話嗎？",
   "AI_CHAT_SWITCH_PROJECT_TITLE": "AI 正在處理中",
   "AI_CHAT_SWITCH_PROJECT_MSG": "AI 目前正在執行任務。切換專案將會中止目前的任務。要繼續嗎？",
+  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI 正在處理中",
+  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI 目前正在處理任務。開始新對話將會中止目前的任務。要繼續嗎？",
+  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI 正在處理中",
+  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI 目前正在處理任務。切換至先前的對話將會中止目前的任務。要繼續嗎？",
   "AI_CHAT_SETTINGS_TITLE": "Claude Code 設定",
   "AI_SETTINGS_API_KEY": "API 金鑰",
   "AI_SETTINGS_BASE_URL": "基礎網址",
@@ -2270,9 +2274,8 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "AI_CHAT_CLAUDE_LOGIN_RESTART_NOTE": "設定完成後，請重新啟動 {APP_NAME}。",
-  "AI_CHAT_NEW_WHILE_STREAMING_TITLE": "AI 正在處理中",
-  "AI_CHAT_NEW_WHILE_STREAMING_MSG": "AI 目前正在處理任務。開始新對話將會中止目前的任務。要繼續嗎？",
-  "AI_CHAT_RESUME_WHILE_STREAMING_TITLE": "AI 正在處理中",
-  "AI_CHAT_RESUME_WHILE_STREAMING_MSG": "AI 目前正在處理任務。切換至先前的對話將會中止目前的任務。要繼續嗎？"
+  "LIVE_DEV_INSERT_SHOW_MORE": "顯示更多",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的頁面是空的 — 新增一個元素",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "新增第一個元素",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "收合"
 });
\ No newline at end of file

From 969091eb83b6110647955bfd577e4d860c78fe5f Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Sat, 30 May 2026 15:45:52 +0530
Subject: [PATCH 06/49] fix: hover box doesn't get dismissed when cursor leaves
 the preview slowly

---
 .../BrowserScripts/RemoteFunctions.js         | 37 +++++++++++++------
 src/LiveDevelopment/LiveDevMultiBrowser.js    | 11 ++++++
 .../Phoenix-live-preview/main.js              |  5 +++
 3 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
index 3ae76fb3c8..b79eae6201 100644
--- a/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
+++ b/src/LiveDevelopment/BrowserScripts/RemoteFunctions.js
@@ -595,14 +595,13 @@ function RemoteFunctions(config = {}) {
         }
 
         const element = event.target;
-        if(!LivePreviewView.isElementInspectable(element) || element.nodeType !== Node.ELEMENT_NODE) {
-            return;
-        }
 
-        // Same element as last hover — nothing changed, skip entirely
         if (element === _lastHoverTarget) {
             return;
         }
+        if(!LivePreviewView.isElementInspectable(element) || element.nodeType !== Node.ELEMENT_NODE) {
+            return;
+        }
         _lastHoverTarget = element;
 
         // if _hoverHighlight is uninitialized, initialize it
@@ -615,21 +614,30 @@ function RemoteFunctions(config = {}) {
         }
     }
 
-    function onElementHoverOut(event) {
-        // don't want highlighting and stuff when auto scrolling
-        if (SHARED_STATE.isAutoScrolling) { return; }
+    function _clearHoverState() {
+        if (SHARED_STATE.isAutoScrolling) {
+            return;
+        }
+        if (_hoverHighlight && shouldShowHighlightOnHover()) {
+            _lastHoverTarget = null;
+            _scheduleHoverUpdate();
+        }
+    }
 
+    function onElementHoverOut(event) {
         const element = event.target;
         // Use isElementInspectable (not isElementEditable) so that JS-rendered
         // elements also get their hover highlight and hover box properly dismissed.
         if(LivePreviewView.isElementInspectable(element) && element.nodeType === Node.ELEMENT_NODE) {
-            if (_hoverHighlight && shouldShowHighlightOnHover()) {
-                _lastHoverTarget = null;
-                _scheduleHoverUpdate();
-            }
+            _clearHoverState();
         }
     }
 
+    // for popped out window: the in-panel iframe case is forwarded parent-side via _LD.clearHoverState().
+    function onDocumentMouseLeave() {
+        _clearHoverState();
+    }
+
     function scrollElementToViewPort(element) {
         if (!element) {
             return;
@@ -711,7 +719,9 @@ function RemoteFunctions(config = {}) {
 
     function disableHoverListeners() {
         window.document.removeEventListener("mouseover", onElementHover);
+        window.document.removeEventListener("mousemove", onElementHover);
         window.document.removeEventListener("mouseout", onElementHoverOut);
+        window.document.documentElement.removeEventListener("mouseleave", onDocumentMouseLeave);
         // Cancel any pending rAF hover update so stale callbacks don't fire
         if (_pendingHoverRAF) {
             cancelAnimationFrame(_pendingHoverRAF);
@@ -732,7 +742,9 @@ function RemoteFunctions(config = {}) {
         if (config.mode === 'edit' && shouldShowHighlightOnHover()) {
             disableHoverListeners();
             window.document.addEventListener("mouseover", onElementHover);
+            window.document.addEventListener("mousemove", onElementHover);
             window.document.addEventListener("mouseout", onElementHoverOut);
+            window.document.documentElement.addEventListener("mouseleave", onDocumentMouseLeave);
         }
     }
 
@@ -1714,7 +1726,8 @@ function RemoteFunctions(config = {}) {
         "getHighlightCount": getHighlightCount,
         "getHighlightTrackingElement": getHighlightTrackingElement,
         "getHighlightStyle": getHighlightStyle,
-        "setHotCornerHidden": setHotCornerHidden
+        "setHotCornerHidden": setHotCornerHidden,
+        "clearHoverState": _clearHoverState
     };
 
     // the below code comment is replaced by added scripts for extensibility
diff --git a/src/LiveDevelopment/LiveDevMultiBrowser.js b/src/LiveDevelopment/LiveDevMultiBrowser.js
index 2b0f8bc417..6a0f36deb2 100644
--- a/src/LiveDevelopment/LiveDevMultiBrowser.js
+++ b/src/LiveDevelopment/LiveDevMultiBrowser.js
@@ -733,6 +733,16 @@ define(function (require, exports, module) {
         }
     }
 
+    /**
+     * Clear hover highlight and hover box in the preview. Forwarded from the parent because the
+     * previewed iframe does not reliably receive mouseout/mouseleave on a slow pointer exit.
+     */
+    function clearHoverState() {
+        if (_protocol) {
+            _protocol.evaluate("_LD.clearHoverState && _LD.clearHoverState()");
+        }
+    }
+
     /**
      * Update configuration in the remote browser
      */
@@ -860,6 +870,7 @@ define(function (require, exports, module) {
     exports.showHighlight       = showHighlight;
     exports.hideHighlight       = hideHighlight;
     exports.redrawHighlight     = redrawHighlight;
+    exports.clearHoverState     = clearHoverState;
     exports.getConfig           = getConfig;
     exports.updateConfig        = updateConfig;
     exports.refreshConfig       = refreshConfig;
diff --git a/src/extensionsIntegrated/Phoenix-live-preview/main.js b/src/extensionsIntegrated/Phoenix-live-preview/main.js
index e4482312a1..2a9e9e4152 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/main.js
+++ b/src/extensionsIntegrated/Phoenix-live-preview/main.js
@@ -828,6 +828,11 @@ define(function (require, exports, module) {
         $panel.find(".custom-server-banner-close-icon").on("click", ()=>{
             $panel.find(".live-preview-custom-banner").addClass("forced-hidden");
         });
+        // The previewed iframe does not reliably fire mouseout/mouseleave on a slow pointer exit,
+        // leaving the hover highlight/box stuck. Detect the leave parent-side and forward a clear.
+        $panel.on("mouseleave", "#panel-live-preview-frame", function () {
+            MultiBrowserLiveDev.clearHoverState();
+        });
         $iframe[0].onload = function () {
             $iframe.attr('srcdoc', null);
         };

From 850b55287d9d849623849ddf1e68ff2ec1322319 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 1 Jun 2026 13:06:51 +0530
Subject: [PATCH 07/49] feat: add live preview styler box strings

---
 src/nls/root/strings.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index f057f2c2b5..c88b4982ab 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -194,7 +194,18 @@ define({
     "LIVE_DEV_TOOLBOX_DUPLICATE": "Duplicate",
     "LIVE_DEV_TOOLBOX_DELETE": "Delete",
     "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
+    "LIVE_DEV_TOOLBOX_STYLER": "Styles",
     "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
+    "LIVE_DEV_STYLER_FILL": "Fill",
+    "LIVE_DEV_STYLER_TEXT": "Text",
+    "LIVE_DEV_STYLER_FONT": "Font",
+    "LIVE_DEV_STYLER_SIZE": "Size",
+    "LIVE_DEV_STYLER_WEIGHT": "Weight",
+    "LIVE_DEV_STYLER_ALIGN": "Align",
+    "LIVE_DEV_STYLER_BORDER": "Border",
+    "LIVE_DEV_STYLER_SPACING": "Spacing",
+    "LIVE_DEV_STYLER_LAYOUT": "Layout",
+    "LIVE_DEV_STYLER_FIT": "Fit",
     "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
     "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",
     "LIVE_DEV_MORE_OPTIONS_PASTE": "Paste",

From 30d43e0f7a52730502cd3967eeb6b6b521c9564d Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 1 Jun 2026 15:09:31 +0530
Subject: [PATCH 08/49] refactor: better strings naming for styler box

---
 src/nls/root/strings.js | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index c88b4982ab..f481d32795 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -196,16 +196,16 @@ define({
     "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
     "LIVE_DEV_TOOLBOX_STYLER": "Styles",
     "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
-    "LIVE_DEV_STYLER_FILL": "Fill",
-    "LIVE_DEV_STYLER_TEXT": "Text",
-    "LIVE_DEV_STYLER_FONT": "Font",
-    "LIVE_DEV_STYLER_SIZE": "Size",
-    "LIVE_DEV_STYLER_WEIGHT": "Weight",
-    "LIVE_DEV_STYLER_ALIGN": "Align",
+    "LIVE_DEV_STYLER_FILL": "Background color",
+    "LIVE_DEV_STYLER_TEXT": "Text color",
+    "LIVE_DEV_STYLER_FONT": "Font family",
+    "LIVE_DEV_STYLER_SIZE": "Font size",
+    "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+    "LIVE_DEV_STYLER_ALIGN": "Text alignment",
     "LIVE_DEV_STYLER_BORDER": "Border",
-    "LIVE_DEV_STYLER_SPACING": "Spacing",
+    "LIVE_DEV_STYLER_SPACING": "Margin & padding",
     "LIVE_DEV_STYLER_LAYOUT": "Layout",
-    "LIVE_DEV_STYLER_FIT": "Fit",
+    "LIVE_DEV_STYLER_FIT": "Image fit",
     "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
     "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",
     "LIVE_DEV_MORE_OPTIONS_PASTE": "Paste",

From 1517f4bbcccf90610320de1bcf60cccf6dceffc7 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 1 Jun 2026 16:37:04 +0530
Subject: [PATCH 09/49] refactor: improve string naming

---
 src/nls/root/strings.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index f481d32795..3462242c35 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -196,8 +196,8 @@ define({
     "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
     "LIVE_DEV_TOOLBOX_STYLER": "Styles",
     "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
-    "LIVE_DEV_STYLER_FILL": "Background color",
-    "LIVE_DEV_STYLER_TEXT": "Text color",
+    "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+    "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
     "LIVE_DEV_STYLER_FONT": "Font family",
     "LIVE_DEV_STYLER_SIZE": "Font size",
     "LIVE_DEV_STYLER_WEIGHT": "Font weight",

From 34a24b372c5fafa7c244963673d42d8346f98284 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Tue, 9 Jun 2026 21:41:14 +0530
Subject: [PATCH 10/49] fix: remove styler box strings

---
 src/nls/root/strings.js | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 3462242c35..f057f2c2b5 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -194,18 +194,7 @@ define({
     "LIVE_DEV_TOOLBOX_DUPLICATE": "Duplicate",
     "LIVE_DEV_TOOLBOX_DELETE": "Delete",
     "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
-    "LIVE_DEV_TOOLBOX_STYLER": "Styles",
     "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
-    "LIVE_DEV_STYLER_BACKGROUND": "Background color",
-    "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
-    "LIVE_DEV_STYLER_FONT": "Font family",
-    "LIVE_DEV_STYLER_SIZE": "Font size",
-    "LIVE_DEV_STYLER_WEIGHT": "Font weight",
-    "LIVE_DEV_STYLER_ALIGN": "Text alignment",
-    "LIVE_DEV_STYLER_BORDER": "Border",
-    "LIVE_DEV_STYLER_SPACING": "Margin & padding",
-    "LIVE_DEV_STYLER_LAYOUT": "Layout",
-    "LIVE_DEV_STYLER_FIT": "Image fit",
     "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
     "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",
     "LIVE_DEV_MORE_OPTIONS_PASTE": "Paste",

From b2914caab2af76cabaf32507da0ded3898d0f5ee Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Thu, 11 Jun 2026 00:32:02 +0530
Subject: [PATCH 11/49] feat: add styler bar strings with tooltips

---
 src/nls/root/strings.js | 107 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 107 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index f057f2c2b5..bba8842d02 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -195,6 +195,113 @@ define({
     "LIVE_DEV_TOOLBOX_DELETE": "Delete",
     "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
     "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
+    "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+    "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+    "LIVE_DEV_STYLER_FONT": "Font family",
+    "LIVE_DEV_STYLER_SIZE": "Font size",
+    "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+    "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+    "LIVE_DEV_STYLER_BORDER": "Border",
+    "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+    "LIVE_DEV_STYLER_LAYOUT": "Layout",
+    "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+    "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+    "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+    "LIVE_DEV_STYLER_SELECT_ELEMENT": "Select an ancestor element",
+    "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+    "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+    "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+    "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+    "LIVE_DEV_STYLER_FONT_CUSTOM_PLACEHOLDER": "Enter font name",
+    "LIVE_DEV_STYLER_APPLY": "Apply",
+    "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+    "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+    "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+    "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+    "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+    "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+    "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+    "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+    "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+    "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+    "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+    "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+    "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+    "LIVE_DEV_STYLER_CASE": "Case",
+    "LIVE_DEV_STYLER_BOLD": "Bold",
+    "LIVE_DEV_STYLER_ITALIC": "Italic",
+    "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+    "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+    "LIVE_DEV_STYLER_NONE": "None",
+    "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+    "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+    "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+    "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+    "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+    "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+    "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+    "LIVE_DEV_STYLER_CLEAR": "Clear",
+    "LIVE_DEV_STYLER_RADIUS": "Radius",
+    "LIVE_DEV_STYLER_WIDTH": "Width",
+    "LIVE_DEV_STYLER_COLOR": "Color",
+    "LIVE_DEV_STYLER_STYLE": "Style",
+    "LIVE_DEV_STYLER_SOLID": "Solid",
+    "LIVE_DEV_STYLER_DASHED": "Dashed",
+    "LIVE_DEV_STYLER_DOTTED": "Dotted",
+    "LIVE_DEV_STYLER_DOUBLE": "Double",
+    "LIVE_DEV_STYLER_PADDING": "Padding",
+    "LIVE_DEV_STYLER_MARGIN": "Margin",
+    "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+    "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+    "LIVE_DEV_STYLER_ALL_SIDES": "All",
+    "LIVE_DEV_STYLER_TOP": "Top",
+    "LIVE_DEV_STYLER_RIGHT": "Right",
+    "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+    "LIVE_DEV_STYLER_LEFT": "Left",
+    "LIVE_DEV_STYLER_DISPLAY": "Display",
+    "LIVE_DEV_STYLER_DIRECTION": "Direction",
+    "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+    "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+    "LIVE_DEV_STYLER_WRAP": "Wrap",
+    "LIVE_DEV_STYLER_GAP": "Gap",
+    "LIVE_DEV_STYLER_COLUMNS": "Columns",
+    "LIVE_DEV_STYLER_ROWS": "Rows",
+    "LIVE_DEV_STYLER_POSITION": "Position",
+    "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+    "LIVE_DEV_STYLER_BLOCK": "Block",
+    "LIVE_DEV_STYLER_INLINE": "Inline",
+    "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+    "LIVE_DEV_STYLER_FLEX": "Flex",
+    "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+    "LIVE_DEV_STYLER_GRID": "Grid",
+    "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+    "LIVE_DEV_STYLER_ROW": "Row",
+    "LIVE_DEV_STYLER_COLUMN": "Column",
+    "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+    "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+    "LIVE_DEV_STYLER_START": "Start",
+    "LIVE_DEV_STYLER_CENTER": "Center",
+    "LIVE_DEV_STYLER_END": "End",
+    "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+    "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+    "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+    "LIVE_DEV_STYLER_STRETCH": "Stretch",
+    "LIVE_DEV_STYLER_BASELINE": "Baseline",
+    "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+    "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+    "LIVE_DEV_STYLER_STATIC": "Static",
+    "LIVE_DEV_STYLER_RELATIVE": "Relative",
+    "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+    "LIVE_DEV_STYLER_STICKY": "Sticky",
+    "LIVE_DEV_STYLER_FIXED": "Fixed",
+    "LIVE_DEV_STYLER_APPLIES_TO": "Applies to",
+    "LIVE_DEV_STYLER_INLINE_STYLE": "Inline style",
+    "LIVE_DEV_STYLER_ADD_SELECTOR": "Add a new selector",
+    "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+    "LIVE_DEV_STYLER_HEIGHT": "Height",
+    "LIVE_DEV_STYLER_OPACITY": "Opacity",
+    "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit",
+    "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
     "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
     "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",
     "LIVE_DEV_MORE_OPTIONS_PASTE": "Paste",

From f8b04751f59bba1720da78261f7b2a45c9a87a6c Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Thu, 11 Jun 2026 16:40:33 +0530
Subject: [PATCH 12/49] feat: add custom font family supported strings

---
 src/nls/root/strings.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index bba8842d02..78ba0fadb3 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -212,9 +212,10 @@ define({
     "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
     "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
     "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
-    "LIVE_DEV_STYLER_FONT_CUSTOM_PLACEHOLDER": "Enter font name",
+    "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
     "LIVE_DEV_STYLER_APPLY": "Apply",
     "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+    "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
     "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
     "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
     "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",

From b339879c93f0363e6db322a6c970369822e94859 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Thu, 11 Jun 2026 18:02:34 +0530
Subject: [PATCH 13/49] feat: add on this page string for font family

---
 src/nls/root/strings.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 78ba0fadb3..11189d90fb 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -211,6 +211,7 @@ define({
     "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
     "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
     "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+    "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
     "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
     "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
     "LIVE_DEV_STYLER_APPLY": "Apply",

From 78f6206ac54231361340d6da8a289b1e207cbee5 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 12 Jun 2026 00:59:41 +0530
Subject: [PATCH 14/49] feat: add strings for reset button

---
 src/nls/root/strings.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 11189d90fb..2af782345f 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -207,6 +207,9 @@ define({
     "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
     "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
     "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+    "LIVE_DEV_STYLER_RESET": "Reset changes",
+    "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+    "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
     "LIVE_DEV_STYLER_SELECT_ELEMENT": "Select an ancestor element",
     "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
     "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",

From 1c3f9de837206f1d43167f9ee1ac0f6c72d6f84e Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 12 Jun 2026 15:38:56 +0530
Subject: [PATCH 15/49] feat: add detailed tooltips in numeric fields

---
 src/nls/root/strings.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 2af782345f..839b76c3ac 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -254,6 +254,10 @@ define({
     "LIVE_DEV_STYLER_DASHED": "Dashed",
     "LIVE_DEV_STYLER_DOTTED": "Dotted",
     "LIVE_DEV_STYLER_DOUBLE": "Double",
+    "LIVE_DEV_STYLER_OUTLINE": "Outline",
+    "LIVE_DEV_STYLER_OFFSET": "Offset",
+    "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+    "LIVE_DEV_STYLER_SIDE": "Side",
     "LIVE_DEV_STYLER_PADDING": "Padding",
     "LIVE_DEV_STYLER_MARGIN": "Margin",
     "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
@@ -305,7 +309,12 @@ define({
     "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
     "LIVE_DEV_STYLER_HEIGHT": "Height",
     "LIVE_DEV_STYLER_OPACITY": "Opacity",
-    "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit",
+    "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+    "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+    "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+    "LIVE_DEV_STYLER_INCREASE": "Increase value",
+    "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+    "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
     "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
     "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
     "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",

From 7c37efb3faae915a63c338fb55a5dee3435d5687 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 12 Jun 2026 19:52:24 +0530
Subject: [PATCH 16/49] feat: add strings for border and layout section

---
 src/nls/root/strings.js | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 839b76c3ac..bf2cd696da 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -262,6 +262,10 @@ define({
     "LIVE_DEV_STYLER_MARGIN": "Margin",
     "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
     "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+    "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+    "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+    "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+    "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
     "LIVE_DEV_STYLER_ALL_SIDES": "All",
     "LIVE_DEV_STYLER_TOP": "Top",
     "LIVE_DEV_STYLER_RIGHT": "Right",
@@ -308,6 +312,13 @@ define({
     "LIVE_DEV_STYLER_ADD_SELECTOR": "Add a new selector",
     "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
     "LIVE_DEV_STYLER_HEIGHT": "Height",
+    "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+    "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+    "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+    "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+    "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+    "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+    "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
     "LIVE_DEV_STYLER_OPACITY": "Opacity",
     "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
     "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",

From a8ff295d8df503874935e46996911df782c5b4a3 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Fri, 12 Jun 2026 23:54:51 +0530
Subject: [PATCH 17/49] feat: add strings for save changes to section

---
 src/nls/root/strings.js | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index bf2cd696da..529c0ecf33 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -217,7 +217,6 @@ define({
     "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
     "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
     "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
-    "LIVE_DEV_STYLER_APPLY": "Apply",
     "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
     "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
     "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
@@ -307,9 +306,21 @@ define({
     "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
     "LIVE_DEV_STYLER_STICKY": "Sticky",
     "LIVE_DEV_STYLER_FIXED": "Fixed",
-    "LIVE_DEV_STYLER_APPLIES_TO": "Applies to",
-    "LIVE_DEV_STYLER_INLINE_STYLE": "Inline style",
-    "LIVE_DEV_STYLER_ADD_SELECTOR": "Add a new selector",
+    "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+    "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+    "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+    "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+    "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+    "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+    "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+    "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+    "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+    "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+    "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+    "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+    "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+    "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+    "LIVE_DEV_STYLER_CREATE": "Create",
     "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
     "LIVE_DEV_STYLER_HEIGHT": "Height",
     "LIVE_DEV_STYLER_SIZE_TAB": "Size",

From 8bcae6f2c04f250227cc4a90e57bc6c79342c6cf Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Sun, 14 Jun 2026 15:20:41 +0530
Subject: [PATCH 18/49] feat: add mixed string for border side toggling support

---
 src/nls/root/strings.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 529c0ecf33..5f14bc121a 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -210,7 +210,8 @@ define({
     "LIVE_DEV_STYLER_RESET": "Reset changes",
     "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
     "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
-    "LIVE_DEV_STYLER_SELECT_ELEMENT": "Select an ancestor element",
+    "LIVE_DEV_STYLER_MIXED": "Mixed",
+    "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
     "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
     "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
     "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",

From 42abbe277295caa2feb3b7bbb54a6629cd2d9d65 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Mon, 15 Jun 2026 06:17:44 +0000
Subject: [PATCH 19/49] ci: update Translations

---
 src/nls/ar/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/ar/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/bg/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/bg/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/cs/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/cs/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/da/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/da/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/de/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/de/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/el/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/el/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/en-gb/lastTranslated.json | 144 ++++++++++++++++++++++++++++
 src/nls/en-gb/strings.js          | 152 +++++++++++++++++++++++++++++-
 src/nls/es/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/es/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/fa-ir/lastTranslated.json | 144 ++++++++++++++++++++++++++++
 src/nls/fa-ir/strings.js          | 152 +++++++++++++++++++++++++++++-
 src/nls/fi/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/fi/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/fr/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/fr/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/gl/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/gl/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/hi/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/hi/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/hr/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/hr/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/id/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/id/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/it/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/it/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/ja/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/ja/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/ko/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/ko/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/lv/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/lv/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/ml/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/ml/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/nb/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/nb/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/nl/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/nl/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/pl/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/pl/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/pt-br/lastTranslated.json |   6 ++
 src/nls/pt-br/strings.js          |  16 +++-
 src/nls/ro/lastTranslated.json    |   5 +
 src/nls/ro/strings.js             |  15 ++-
 src/nls/ru/lastTranslated.json    |   1 +
 src/nls/ru/strings.js             |  11 ++-
 src/nls/sr/lastTranslated.json    |   5 +
 src/nls/sr/strings.js             |  15 ++-
 src/nls/sv/lastTranslated.json    |   6 ++
 src/nls/sv/strings.js             |  16 +++-
 src/nls/uk/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/uk/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/ur/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/ur/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/zh-cn/lastTranslated.json | 144 ++++++++++++++++++++++++++++
 src/nls/zh-cn/strings.js          | 152 +++++++++++++++++++++++++++++-
 src/nls/zh-tw/lastTranslated.json | 144 ++++++++++++++++++++++++++++
 src/nls/zh-tw/strings.js          | 152 +++++++++++++++++++++++++++++-
 64 files changed, 7955 insertions(+), 133 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index b738266f4f..48ad64c4df 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "ابحث عن عناصر...",
   "LIVE_DEV_INSERT_COMMON": "شائع",
   "LIVE_DEV_INSERT_NO_RESULTS": "لا توجد عناصر مطابقة",
+  "LIVE_DEV_INSERT_SHOW_MORE": "إظهار المزيد",
   "LIVE_DEV_INSERT_SHOW_LESS": "عرض أقل",
   "LIVE_DEV_INSERT_CREATE": "إنشاء",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحتك فارغة — أضف عنصرًا",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "أضف عنصرك الأول",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "طي",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "طريقتان جديدتان للتعديل",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "إضافة عناصر HTML جديدة",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "تعديل الوسم، والفئات، والمعرّف، والسمات",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "LIVE_DEV_INSERT_SHOW_MORE": "إظهار المزيد",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحتك فارغة — أضف عنصرًا",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "أضف عنصرك الأول",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "طي"
+  "LIVE_DEV_STYLER_BACKGROUND": "لون الخلفية",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "لون النص",
+  "LIVE_DEV_STYLER_FONT": "عائلة الخط",
+  "LIVE_DEV_STYLER_SIZE": "حجم الخط",
+  "LIVE_DEV_STYLER_WEIGHT": "سُمك الخط",
+  "LIVE_DEV_STYLER_ALIGN": "محاذاة النص",
+  "LIVE_DEV_STYLER_BORDER": "الحدود",
+  "LIVE_DEV_STYLER_SPACING": "الهامش والحشو",
+  "LIVE_DEV_STYLER_LAYOUT": "التخطيط",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "نمط النص",
+  "LIVE_DEV_STYLER_DOCK_TOP": "نقل الشريط إلى الأعلى",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "نقل الشريط إلى الأسفل",
+  "LIVE_DEV_STYLER_RESET": "إعادة تعيين التغييرات",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "لا توجد تغييرات لإعادة تعيينها",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "تم",
+  "LIVE_DEV_STYLER_MIXED": "مختلط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "الجوانب مختلفة — حرّر كل جانب على حدة",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "ابحث عن خطوط...",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "جوجل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "النظام",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "في هذه الصفحة",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "مخصص",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استخدام \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "لم يتم العثور على خطوط",
+  "LIVE_DEV_STYLER_LOAD_MORE": "تحميل المزيد",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "رفيع",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "خفيف جدًا",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "خفيف",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "عادي",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "شبه عريض",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "عريض",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "عريض جدًا",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "أسود",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع السطر",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "تباعد الأحرف",
+  "LIVE_DEV_STYLER_WORD_SPACING": "تباعد الكلمات",
+  "LIVE_DEV_STYLER_CASE": "حالة الأحرف",
+  "LIVE_DEV_STYLER_BOLD": "عريض",
+  "LIVE_DEV_STYLER_ITALIC": "مائل",
+  "LIVE_DEV_STYLER_UNDERLINE": "تسطير",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "يتوسطه خط",
+  "LIVE_DEV_STYLER_NONE": "بلا",
+  "LIVE_DEV_STYLER_UPPERCASE": "أحرف كبيرة",
+  "LIVE_DEV_STYLER_LOWERCASE": "أحرف صغيرة",
+  "LIVE_DEV_STYLER_CAPITALIZE": "تكبير الحرف الأول",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "محاذاة إلى اليسار",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "توسيط",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "محاذاة إلى اليمين",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ضبط",
+  "LIVE_DEV_STYLER_CLEAR": "مسح",
+  "LIVE_DEV_STYLER_RADIUS": "نصف القطر",
+  "LIVE_DEV_STYLER_WIDTH": "العرض",
+  "LIVE_DEV_STYLER_COLOR": "اللون",
+  "LIVE_DEV_STYLER_STYLE": "النمط",
+  "LIVE_DEV_STYLER_SOLID": "متصل",
+  "LIVE_DEV_STYLER_DASHED": "متقطع",
+  "LIVE_DEV_STYLER_DOTTED": "منقط",
+  "LIVE_DEV_STYLER_DOUBLE": "مزدوج",
+  "LIVE_DEV_STYLER_OUTLINE": "إطار خارجي",
+  "LIVE_DEV_STYLER_OFFSET": "إزاحة",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "الحدود والمخطط التفصيلي",
+  "LIVE_DEV_STYLER_SIDE": "جانب",
+  "LIVE_DEV_STYLER_PADDING": "حشوة",
+  "LIVE_DEV_STYLER_MARGIN": "هامش",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "تعديل جميع الجوانب معًا",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "تعديل الجوانب بشكل مستقل",
+  "LIVE_DEV_STYLER_LINK_NONE": "جوانب مستقلة - لكل جانب قيمته الخاصة",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "مقترن - يرتبط العلوي والسفلي، واليسار واليمين",
+  "LIVE_DEV_STYLER_LINK_ALL": "كل الجوانب مرتبطة - قيمة واحدة لكل جانب",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "انقر لتغيير كيفية ربط الجوانب",
+  "LIVE_DEV_STYLER_ALL_SIDES": "الكل",
+  "LIVE_DEV_STYLER_TOP": "أعلى",
+  "LIVE_DEV_STYLER_RIGHT": "يمين",
+  "LIVE_DEV_STYLER_BOTTOM": "أسفل",
+  "LIVE_DEV_STYLER_LEFT": "يسار",
+  "LIVE_DEV_STYLER_DISPLAY": "العرض",
+  "LIVE_DEV_STYLER_DIRECTION": "الاتجاه",
+  "LIVE_DEV_STYLER_JUSTIFY": "ضبط",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "محاذاة العناصر",
+  "LIVE_DEV_STYLER_WRAP": "التفاف",
+  "LIVE_DEV_STYLER_GAP": "فجوة",
+  "LIVE_DEV_STYLER_COLUMNS": "أعمدة",
+  "LIVE_DEV_STYLER_ROWS": "صفوف",
+  "LIVE_DEV_STYLER_POSITION": "الموضع",
+  "LIVE_DEV_STYLER_Z_INDEX": "مؤشر Z",
+  "LIVE_DEV_STYLER_BLOCK": "كتلة",
+  "LIVE_DEV_STYLER_INLINE": "مضمن",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "كتلة مضمنة",
+  "LIVE_DEV_STYLER_FLEX": "مرن",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "فلكس مضمن",
+  "LIVE_DEV_STYLER_GRID": "شبكة",
+  "LIVE_DEV_STYLER_HIDDEN": "مخفي",
+  "LIVE_DEV_STYLER_ROW": "صف",
+  "LIVE_DEV_STYLER_COLUMN": "عمود",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "صف معكوس",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "عمود معكوس",
+  "LIVE_DEV_STYLER_START": "بداية",
+  "LIVE_DEV_STYLER_CENTER": "وسط",
+  "LIVE_DEV_STYLER_END": "نهاية",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "مسافة بينية",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "مسافة حول",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "مسافة متساوية",
+  "LIVE_DEV_STYLER_STRETCH": "تمدد",
+  "LIVE_DEV_STYLER_BASELINE": "خط الأساس",
+  "LIVE_DEV_STYLER_NO_WRAP": "بدون التفاف",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "التفاف عكسي",
+  "LIVE_DEV_STYLER_STATIC": "ثابت",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبي",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "لاصق",
+  "LIVE_DEV_STYLER_FIXED": "ثابت",
+  "LIVE_DEV_STYLER_APPLIES_TO": "حفظ التغييرات في",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "مضمن",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مباشرة على العنصر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "يؤثر على {0} عنصر بالصفحة",
+  "LIVE_DEV_STYLER_NEW_STYLE": "نمط جديد...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نمط جديد",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "يضيف الفئة \"{0}\" إلى هذا العنصر ويحفظ النمط في {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "يمنح هذا العنصر المعرّف \"{0}\" ويحفظ النمط في {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "يحفظ النمط في {0} - ينسق هذا العنصر فقط",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "يحفظ النمط في {0} - ينسق {1} من العناصر على الصفحة",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "يوجد عنصر آخر يحمل هذا المعرّف بالفعل - جرّب استخدام فئة بدلاً من ذلك",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "لا يتطابق هذا مع العنصر المحدد، لذا لن تغير تعديلاتك شيئًا فيه",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "لا يمكن تعديل الأنماط مثل \":hover\" بشكل مباشر هنا بعد",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "لا يبدو هذا اسم نمط صالحًا - جرّب فئة مثل .card أو معرّفًا مثل #hero",
+  "LIVE_DEV_STYLER_CREATE": "إنشاء",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال: .card أو #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "الارتفاع",
+  "LIVE_DEV_STYLER_SIZE_TAB": "الحجم",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "العرض الأدنى",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "العرض الأقصى",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "الارتفاع الأدنى",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "الارتفاع الأقصى",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "إظهار حدود الحجم الأدنى / الأقصى",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "إخفاء حدود الحجم الأدنى / الأقصى",
+  "LIVE_DEV_STYLER_OPACITY": "الشفافية",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغيير الوحدة - للتبديل بين {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "زيادة {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "إنقاص {0}",
+  "LIVE_DEV_STYLER_INCREASE": "زيادة القيمة",
+  "LIVE_DEV_STYLER_DECREASE": "إنقاص القيمة",
+  "LIVE_DEV_STYLER_STEP_HINT": "شيفت + نقر: ×10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "التقاط لون من الصفحة"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index ee585eb729..303b0fd37f 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Изтриване",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерия с изображения",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Още опции",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
+  "LIVE_DEV_STYLER_TOP": "Горе",
+  "LIVE_DEV_STYLER_RIGHT": "Дясно",
+  "LIVE_DEV_STYLER_BOTTOM": "Долу",
+  "LIVE_DEV_STYLER_LEFT": "Ляво",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Отрязване",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копиране",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Поставяне",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Търсене на елементи…",
   "LIVE_DEV_INSERT_COMMON": "Често използвани",
   "LIVE_DEV_INSERT_NO_RESULTS": "Няма съвпадащи елементи",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Покажи повече",
   "LIVE_DEV_INSERT_SHOW_LESS": "Покажи по-малко",
   "LIVE_DEV_INSERT_CREATE": "Създай",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страницата ви е празна — добавете елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавете първия си елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свиване",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нови начина за редактиране",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Добавяне на нови HTML елементи",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Редактиране на таг, класове, ID и атрибути",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Покажи повече",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страницата ви е празна — добавете елемент",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавете първия си елемент",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свиване"
+  "LIVE_DEV_STYLER_BACKGROUND": "Цвят на фона",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвят на текста",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Размер на шрифта",
+  "LIVE_DEV_STYLER_WEIGHT": "Дебелина на шрифта",
+  "LIVE_DEV_STYLER_ALIGN": "Подравняване на текста",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Външни и вътрешни отстояния",
+  "LIVE_DEV_STYLER_LAYOUT": "Оформление",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил на текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Премести лентата отгоре",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Премести лентата отдолу",
+  "LIVE_DEV_STYLER_RESET": "Нулиране на промените",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Няма промени за нулиране",
+  "LIVE_DEV_STYLER_MIXED": "Смесени",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Страните се различават — редактирайте всяка страна поотделно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Търсене на шрифтове…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугъл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системни",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На тази страница",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "По избор",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Използвай „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Не са намерени шрифтове",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Зареди още",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тънък",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Екстра лек",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Лек",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Нормален",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Среден",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуудебелен",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Получер",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра получер",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Черен",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Междуредие",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Разстояние между буквите",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Разстояние между думите",
+  "LIVE_DEV_STYLER_CASE": "Регистър",
+  "LIVE_DEV_STYLER_BOLD": "Получер",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подчертан",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачеркнат",
+  "LIVE_DEV_STYLER_NONE": "Без",
+  "LIVE_DEV_STYLER_UPPERCASE": "Главни букви",
+  "LIVE_DEV_STYLER_LOWERCASE": "Малки букви",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Главна първа буква",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Подравняване вляво",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Подравняване в центъра",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Подравняване вдясно",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Двустранно подравняване",
+  "LIVE_DEV_STYLER_CLEAR": "Изчистване",
+  "LIVE_DEV_STYLER_RADIUS": "Радиус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Цвят",
+  "LIVE_DEV_STYLER_STYLE": "Стил",
+  "LIVE_DEV_STYLER_SOLID": "Плътна",
+  "LIVE_DEV_STYLER_DASHED": "Прекъсната",
+  "LIVE_DEV_STYLER_DOTTED": "На точки",
+  "LIVE_DEV_STYLER_DOUBLE": "Двойна",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Отстояние",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Рамка и очертание",
+  "LIVE_DEV_STYLER_SIDE": "Страна",
+  "LIVE_DEV_STYLER_PADDING": "Вътрешен отстъп",
+  "LIVE_DEV_STYLER_MARGIN": "Външен отстъп",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактиране на всички страни заедно",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактиране на страните поотделно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Независими страни - всяка страна има собствена стойност",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Сдвоени - горна и долна са свързани, лява и дясна са свързани",
+  "LIVE_DEV_STYLER_LINK_ALL": "Всички страни са свързани - една стойност за всяка страна",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликнете, за да промените как са свързани страните",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Всички",
+  "LIVE_DEV_STYLER_DISPLAY": "Показване",
+  "LIVE_DEV_STYLER_DIRECTION": "Посока",
+  "LIVE_DEV_STYLER_JUSTIFY": "Подравняване",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Подравняване на елементи",
+  "LIVE_DEV_STYLER_WRAP": "Пренасяне",
+  "LIVE_DEV_STYLER_GAP": "Разстояние",
+  "LIVE_DEV_STYLER_COLUMNS": "Колони",
+  "LIVE_DEV_STYLER_ROWS": "Редове",
+  "LIVE_DEV_STYLER_POSITION": "Позиция",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Вграден",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Вграден блок",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Вграден флекс",
+  "LIVE_DEV_STYLER_GRID": "Грид",
+  "LIVE_DEV_STYLER_HIDDEN": "Скрит",
+  "LIVE_DEV_STYLER_ROW": "Ред",
+  "LIVE_DEV_STYLER_COLUMN": "Колона",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратен ред",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратна колона",
+  "LIVE_DEV_STYLER_START": "Начало",
+  "LIVE_DEV_STYLER_CENTER": "Център",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Пространство около",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерно пространство",
+  "LIVE_DEV_STYLER_STRETCH": "Разтягане",
+  "LIVE_DEV_STYLER_BASELINE": "Базова линия",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без пренасяне",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратно пренасяне",
+  "LIVE_DEV_STYLER_STATIC": "Статично",
+  "LIVE_DEV_STYLER_RELATIVE": "Относително",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютно",
+  "LIVE_DEV_STYLER_STICKY": "Залепващо",
+  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Запазване на промените в",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Вградено",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно върху елемента",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "засяга {0} на страницата",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Нов стил…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нов стил",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавя клас „{0}“ към този елемент и запазва стила в {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Задава на този елемент ID „{0}“ и запазва стила в {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Запазва стила в {0} – стилизира само този елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Запазва стила в {0} – стилизира {1} елементи на страницата",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Друг елемент вече има това ID – опитайте с клас",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Това не съответства на избрания елемент, така че редакциите ви няма да го променят",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилове като „:hover“ все още не могат да се редактират на живо тук",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Това не изглежда като валидно име на стил – опитайте с клас като .card или ID като #hero",
+  "LIVE_DEV_STYLER_CREATE": "Създай",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Височина",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална височина",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална височина",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Покажи мин./макс. ограничения за размер",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрий мин./макс. ограничения за размер",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозрачност",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Смяна на мерна единица - превключва между {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличаване на {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Намаляване на {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Увеличаване на стойността",
+  "LIVE_DEV_STYLER_DECREASE": "Намаляване на стойността",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Избор на цвят от страницата"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 4b2cb88e15..856f80d1ff 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Smazat",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie obrázků",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Další možnosti",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
+  "LIVE_DEV_STYLER_TOP": "Nahoře",
+  "LIVE_DEV_STYLER_RIGHT": "Vpravo",
+  "LIVE_DEV_STYLER_BOTTOM": "Dole",
+  "LIVE_DEV_STYLER_LEFT": "Vlevo",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Vyjmout",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopírovat",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Vložit",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Hledat elementy…",
   "LIVE_DEV_INSERT_COMMON": "Běžné",
   "LIVE_DEV_INSERT_NO_RESULTS": "Žádné odpovídající elementy",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Zobrazit více",
   "LIVE_DEV_INSERT_SHOW_LESS": "Zobrazit méně",
   "LIVE_DEV_INSERT_CREATE": "Vytvořit",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaše stránka je prázdná — přidejte prvek",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Přidat první prvek",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sbalit",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nové způsoby úprav",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Přidávejte nové HTML elementy",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Upravujte tag, třídy, ID a atributy",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Zobrazit více",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaše stránka je prázdná — přidejte prvek",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Přidat první prvek",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sbalit"
+  "LIVE_DEV_STYLER_BACKGROUND": "Barva pozadí",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Barva textu",
+  "LIVE_DEV_STYLER_FONT": "Rodina písma",
+  "LIVE_DEV_STYLER_SIZE": "Velikost písma",
+  "LIVE_DEV_STYLER_WEIGHT": "Tloušťka písma",
+  "LIVE_DEV_STYLER_ALIGN": "Zarovnání textu",
+  "LIVE_DEV_STYLER_BORDER": "Ohraničení",
+  "LIVE_DEV_STYLER_SPACING": "Okraj a výplň",
+  "LIVE_DEV_STYLER_LAYOUT": "Rozvržení",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl textu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Přesunout lištu nahoru",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Přesunout lištu dolů",
+  "LIVE_DEV_STYLER_RESET": "Resetovat změny",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žádné změny k resetování",
+  "LIVE_DEV_STYLER_MIXED": "Smíšené",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany se liší – upravte každou stranu zvlášť",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hledat písma…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na této stránce",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastní",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použít „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenalezena žádná písma",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Načíst další",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra světlé",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Světlé",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Běžné",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Střední",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška řádku",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Proklad písmen",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Mezislovní mezery",
+  "LIVE_DEV_STYLER_CASE": "Velikost písmen",
+  "LIVE_DEV_STYLER_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podtržení",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Přeškrtnuté",
+  "LIVE_DEV_STYLER_NONE": "Žádné",
+  "LIVE_DEV_STYLER_UPPERCASE": "Velká písmena",
+  "LIVE_DEV_STYLER_LOWERCASE": "Malá písmena",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizace",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnat vlevo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnat na střed",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnat vpravo",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnat do bloku",
+  "LIVE_DEV_STYLER_CLEAR": "Vymazat",
+  "LIVE_DEV_STYLER_RADIUS": "Poloměr",
+  "LIVE_DEV_STYLER_WIDTH": "Šířka",
+  "LIVE_DEV_STYLER_COLOR": "Barva",
+  "LIVE_DEV_STYLER_STYLE": "Styl",
+  "LIVE_DEV_STYLER_SOLID": "Plná",
+  "LIVE_DEV_STYLER_DASHED": "Čárkovaná",
+  "LIVE_DEV_STYLER_DOTTED": "Tečkovaná",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
+  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
+  "LIVE_DEV_STYLER_OFFSET": "Odsazení",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ohraničení a obrys",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Vnitřní okraj",
+  "LIVE_DEV_STYLER_MARGIN": "Vnější okraj",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Upravit všechny strany společně",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upravit strany samostatně",
+  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má svou vlastní hodnotu",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - propojená horní a dolní, propojená levá a pravá",
+  "LIVE_DEV_STYLER_LINK_ALL": "Všechny strany propojené - jedna hodnota pro všechny strany",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím změníte způsob propojení stran",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Všechny",
+  "LIVE_DEV_STYLER_DISPLAY": "Zobrazení",
+  "LIVE_DEV_STYLER_DIRECTION": "Směr",
+  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnání",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnání položek",
+  "LIVE_DEV_STYLER_WRAP": "Zalamování",
+  "LIVE_DEV_STYLER_GAP": "Mezera",
+  "LIVE_DEV_STYLER_COLUMNS": "Sloupce",
+  "LIVE_DEV_STYLER_ROWS": "Řádky",
+  "LIVE_DEV_STYLER_POSITION": "Pozice",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Řádkový",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Řádkový blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Řádkový flex",
+  "LIVE_DEV_STYLER_GRID": "Mřížka",
+  "LIVE_DEV_STYLER_HIDDEN": "Skrytý",
+  "LIVE_DEV_STYLER_ROW": "Řádek",
+  "LIVE_DEV_STYLER_COLUMN": "Sloupec",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrácený řádek",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrácený sloupec",
+  "LIVE_DEV_STYLER_START": "Na začátek",
+  "LIVE_DEV_STYLER_CENTER": "Na střed",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mezery mezi",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mezery okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnoměrné mezery",
+  "LIVE_DEV_STYLER_STRETCH": "Roztáhnout",
+  "LIVE_DEV_STYLER_BASELINE": "Na účaří",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nezalamovat",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrácené zalomení",
+  "LIVE_DEV_STYLER_STATIC": "Statický",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativní",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutní",
+  "LIVE_DEV_STYLER_STICKY": "Přichycená",
+  "LIVE_DEV_STYLER_FIXED": "Pevná",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uložit změny do",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Vložený",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "přímo na elementu",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ovlivňuje {0} na stránce",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nový styl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový styl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Přidá tomuto prvku třídu „{0}“ a uloží styl do {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Přiřadí tomuto prvku ID „{0}“ a uloží styl do {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží styl do {0} – styluje pouze tento prvek",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží styl do {0} – styluje {1} prvků na stránce",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Jiný prvek již má toto ID – zkuste místo toho použít třídu",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto neodpovídá vybranému prvku, takže vaše úpravy by ho nezměnily",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styly jako „:hover“ zde zatím nelze živě upravovat",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevypadá jako platný název stylu – zkuste třídu jako .card nebo ID jako #hero",
+  "LIVE_DEV_STYLER_CREATE": "Vytvořit",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "např. .card nebo #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Výška",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Velikost",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. šířka",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. šířka",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. výška",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. výška",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobrazit limity min. / max. velikosti",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skrýt limity min. / max. velikosti",
+  "LIVE_DEV_STYLER_OPACITY": "Krytí",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Změnit jednotku - přepíná mezi {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšit {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Snížit {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zvýšit hodnotu",
+  "LIVE_DEV_STYLER_DECREASE": "Snížit hodnotu",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrat barvu ze stránky"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index 103c03ee88..e74b3bfc0e 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -170,6 +170,7 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Slet",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Billedgalleri",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Flere valgmuligheder",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Færdig",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Klip",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiér",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Sæt ind",
@@ -181,8 +182,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Søg efter elementer…",
   "LIVE_DEV_INSERT_COMMON": "Almindelige",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ingen matchende elementer",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mere",
   "LIVE_DEV_INSERT_SHOW_LESS": "Vis mindre",
   "LIVE_DEV_INSERT_CREATE": "Opret",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din side er tom — tilføj et element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tilføj dit første element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fold sammen",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "To nye måder at redigere på",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Tilføj nye HTML-elementer",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Rediger tag, klasser, ID og attributter",
@@ -2274,8 +2279,147 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mere",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din side er tom — tilføj et element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tilføj dit første element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fold sammen"
+  "LIVE_DEV_STYLER_BACKGROUND": "Baggrundsfarve",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarve",
+  "LIVE_DEV_STYLER_FONT": "Skrifttype",
+  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
+  "LIVE_DEV_STYLER_WEIGHT": "Skriftvægt",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kant",
+  "LIVE_DEV_STYLER_SPACING": "Margen & indrykning",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flyt bjælke til toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flyt bjælke til bunden",
+  "LIVE_DEV_STYLER_RESET": "Nulstil ændringer",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen ændringer at nulstille",
+  "LIVE_DEV_STYLER_MIXED": "Blandet",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Siderne er forskellige — rediger hver side separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søg efter skrifttyper…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne side",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Brugerdefineret",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Brug \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper fundet",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Indlæs flere",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynd",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra let",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Let",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfed",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fed",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fed",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sort",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøjde",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnafstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordafstand",
+  "LIVE_DEV_STYLER_CASE": "Store/små bogstaver",
+  "LIVE_DEV_STYLER_BOLD": "Fed",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understregning",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gennemstreget",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Store bogstaver",
+  "LIVE_DEV_STYLER_LOWERCASE": "Små bogstaver",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Stort begyndelsesbogstav",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Højrejuster",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Lige margener",
+  "LIVE_DEV_STYLER_CLEAR": "Ryd",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Bredde",
+  "LIVE_DEV_STYLER_COLOR": "Farve",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
+  "LIVE_DEV_STYLER_DASHED": "Stiplet",
+  "LIVE_DEV_STYLER_DOTTED": "Prikket",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobbelt",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Forskydning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kant & Kontur",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margen",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider sammen",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sider hver for sig",
+  "LIVE_DEV_STYLER_LINK_NONE": "Uafhængige sider - hver side har sin egen værdi",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis - top & bund forbundet, venstre & højre forbundet",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider forbundet - én værdi for alle sider",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik for at ændre, hvordan sider er forbundet",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_RIGHT": "Højre",
+  "LIVE_DEV_STYLER_BOTTOM": "Bund",
+  "LIVE_DEV_STYLER_LEFT": "Venstre",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DIRECTION": "Retning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
+  "LIVE_DEV_STYLER_WRAP": "Ombrydning",
+  "LIVE_DEV_STYLER_GAP": "Mellemrum",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
+  "LIVE_DEV_STYLER_ROWS": "Rækker",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
+  "LIVE_DEV_STYLER_GRID": "Gitter",
+  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
+  "LIVE_DEV_STYLER_ROW": "Række",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt række",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_END": "Slut",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellemrum mellem",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellemrum omkring",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jævnt mellemrum",
+  "LIVE_DEV_STYLER_STRETCH": "Stræk",
+  "LIVE_DEV_STYLER_BASELINE": "Grundlinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen ombrydning",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt ombrydning",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Klæbende",
+  "LIVE_DEV_STYLER_FIXED": "Fast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Gem ændringer i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Tilføjer klassen \"{0}\" til dette element og gemmer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Giver dette element id'et \"{0}\" og gemmer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Gemmer stilen i {0} - styler kun dette element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Gemmer stilen i {0} - styler {1} elementer på siden",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et andet element har allerede det id - prøv en klasse i stedet",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette matcher ikke det valgte element, så dine redigeringer vil ikke ændre det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilarter som \":hover\" kan endnu ikke redigeres live her",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ligner ikke et gyldigt stilnavn - prøv en klasse som .card eller et id som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Opret",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Højde",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. bredde",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. bredde",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. højde",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. højde",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis min./maks. størrelsesbegrænsninger",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul min./maks. størrelsesbegrænsninger",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Skift enhed - skifter mellem {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Forøg {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Formindsk {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Forøg værdi",
+  "LIVE_DEV_STYLER_DECREASE": "Formindsk værdi",
+  "LIVE_DEV_STYLER_STEP_HINT": "Skift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vælg farve fra siden"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index b81d9901e7..b1e7fd8d4b 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Löschen",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Bildergalerie",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Weitere Optionen",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Fertig",
+  "LIVE_DEV_STYLER_CLEAR": "Leeren",
+  "LIVE_DEV_STYLER_TOP": "Oben",
+  "LIVE_DEV_STYLER_RIGHT": "Rechts",
+  "LIVE_DEV_STYLER_BOTTOM": "Unten",
+  "LIVE_DEV_STYLER_LEFT": "Links",
+  "LIVE_DEV_STYLER_END": "Ende",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Ausschneiden",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopieren",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Einfügen",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elemente suchen …",
   "LIVE_DEV_INSERT_COMMON": "Häufig",
   "LIVE_DEV_INSERT_NO_RESULTS": "Keine passenden Elemente",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mehr anzeigen",
   "LIVE_DEV_INSERT_SHOW_LESS": "Weniger anzeigen",
   "LIVE_DEV_INSERT_CREATE": "Erstellen",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ihre Seite ist leer – fügen Sie ein Element hinzu",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Erstes Element hinzufügen",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Einklappen",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Zwei neue Wege zum Bearbeiten",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Neue HTML-Elemente hinzufügen",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Tag, Klassen, ID und Attribute bearbeiten",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Mehr anzeigen",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ihre Seite ist leer – fügen Sie ein Element hinzu",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Erstes Element hinzufügen",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Einklappen"
+  "LIVE_DEV_STYLER_BACKGROUND": "Hintergrundfarbe",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfarbe",
+  "LIVE_DEV_STYLER_FONT": "Schriftart",
+  "LIVE_DEV_STYLER_SIZE": "Schriftgröße",
+  "LIVE_DEV_STYLER_WEIGHT": "Schriftgewicht",
+  "LIVE_DEV_STYLER_ALIGN": "Textausrichtung",
+  "LIVE_DEV_STYLER_BORDER": "Rahmen",
+  "LIVE_DEV_STYLER_SPACING": "Außenabstand & Innenabstand",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Leiste nach oben verschieben",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Leiste nach unten verschieben",
+  "LIVE_DEV_STYLER_RESET": "Änderungen zurücksetzen",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Keine Änderungen zum Zurücksetzen",
+  "LIVE_DEV_STYLER_MIXED": "Gemischt",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Seiten unterscheiden sich – jede Seite einzeln bearbeiten",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Schriftarten suchen…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Auf dieser Seite",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Benutzerdefiniert",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" verwenden",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Keine Schriftarten gefunden",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Mehr laden",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dünn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extraleicht",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leicht",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mittel",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halbfett",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fett",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extrafett",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Schwarz",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Zeilenhöhe",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Zeichenabstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Wortabstand",
+  "LIVE_DEV_STYLER_CASE": "Groß-/Kleinschreibung",
+  "LIVE_DEV_STYLER_BOLD": "Fett",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Unterstrichen",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Durchgestrichen",
+  "LIVE_DEV_STYLER_NONE": "Keine",
+  "LIVE_DEV_STYLER_UPPERCASE": "Großbuchstaben",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kleinbuchstaben",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisieren",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Linksbündig",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zentriert",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechtsbündig",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blocksatz",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Breite",
+  "LIVE_DEV_STYLER_COLOR": "Farbe",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Durchgezogen",
+  "LIVE_DEV_STYLER_DASHED": "Gestrichelt",
+  "LIVE_DEV_STYLER_DOTTED": "Gepunktet",
+  "LIVE_DEV_STYLER_DOUBLE": "Doppelt",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Versatz",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rahmen & Kontur",
+  "LIVE_DEV_STYLER_SIDE": "Seite",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle Seiten zusammen bearbeiten",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Seiten einzeln bearbeiten",
+  "LIVE_DEV_STYLER_LINK_NONE": "Einzelne Seiten – jede Seite hat ihren eigenen Wert",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Gekoppelt – oben & unten verknüpft, links & rechts verknüpft",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle Seiten verknüpft – ein Wert für jede Seite",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicken, um die Verknüpfung der Seiten zu ändern",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_DISPLAY": "Anzeige",
+  "LIVE_DEV_STYLER_DIRECTION": "Richtung",
+  "LIVE_DEV_STYLER_JUSTIFY": "Ausrichtung",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemente ausrichten",
+  "LIVE_DEV_STYLER_WRAP": "Umbruch",
+  "LIVE_DEV_STYLER_GAP": "Abstand",
+  "LIVE_DEV_STYLER_COLUMNS": "Spalten",
+  "LIVE_DEV_STYLER_ROWS": "Zeilen",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-Index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-Block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Versteckt",
+  "LIVE_DEV_STYLER_ROW": "Zeile",
+  "LIVE_DEV_STYLER_COLUMN": "Spalte",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Zeile umgekehrt",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Spalte umgekehrt",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Zentriert",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Abstand dazwischen",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Abstand herum",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gleichmäßiger Abstand",
+  "LIVE_DEV_STYLER_STRETCH": "Strecken",
+  "LIVE_DEV_STYLER_BASELINE": "Grundlinie",
+  "LIVE_DEV_STYLER_NO_WRAP": "Kein Umbruch",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Umgekehrter Umbruch",
+  "LIVE_DEV_STYLER_STATIC": "Statisch",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixiert",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Änderungen anwenden auf",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt auf dem Element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "betrifft {0} auf der Seite",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Neuer Stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Neuer Stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Fügt diesem Element die Klasse „{0}“ hinzu und speichert den Stil in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gibt diesem Element die ID „{0}“ und speichert den Stil in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Speichert den Stil in {0} – formatiert nur dieses Element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Speichert den Stil in {0} – formatiert {1} Elemente auf der Seite",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ein anderes Element hat bereits diese ID – versuchen Sie es stattdessen mit einer Klasse",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dies stimmt nicht mit dem ausgewählten Element überein, daher würden Ihre Bearbeitungen es nicht beeinflussen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stile wie „:hover“ können hier noch nicht live bearbeitet werden",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Das sieht nicht wie ein gültiger Stilname aus – versuchen Sie es mit einer Klasse wie .card oder einer ID wie #hero",
+  "LIVE_DEV_STYLER_CREATE": "Erstellen",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "z. B. .card oder #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Höhe",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Größe",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. Breite",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. Breite",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. Höhe",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. Höhe",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min./Max.-Größenbeschränkungen anzeigen",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min./Max.-Größenbeschränkungen ausblenden",
+  "LIVE_DEV_STYLER_OPACITY": "Deckkraft",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Einheit ändern – wechselt zwischen {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} erhöhen",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} verringern",
+  "LIVE_DEV_STYLER_INCREASE": "Wert erhöhen",
+  "LIVE_DEV_STYLER_DECREASE": "Wert verringern",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Farbe von der Seite auswählen"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index 01ba9fbd9b..3bb82a632b 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Αναζήτηση στοιχείων…",
   "LIVE_DEV_INSERT_COMMON": "Κοινά",
   "LIVE_DEV_INSERT_NO_RESULTS": "Δεν βρέθηκαν αντίστοιχα στοιχεία",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Εμφάνιση περισσότερων",
   "LIVE_DEV_INSERT_SHOW_LESS": "Εμφάνιση λιγότερων",
   "LIVE_DEV_INSERT_CREATE": "Δημιουργία",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Η σελίδα σας είναι κενή — προσθέστε ένα στοιχείο",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Προσθέστε το πρώτο σας στοιχείο",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Σύμπτυξη",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Δύο νέοι τρόποι επεξεργασίας",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Προσθήκη νέων στοιχείων HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Επεξεργασία ετικέτας, κλάσεων, ID και χαρακτηριστικών",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Εμφάνιση περισσότερων",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Η σελίδα σας είναι κενή — προσθέστε ένα στοιχείο",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Προσθέστε το πρώτο σας στοιχείο",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Σύμπτυξη"
+  "LIVE_DEV_STYLER_BACKGROUND": "Χρώμα φόντου",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Χρώμα κειμένου",
+  "LIVE_DEV_STYLER_FONT": "Γραμματοσειρά",
+  "LIVE_DEV_STYLER_SIZE": "Μέγεθος γραμματοσειράς",
+  "LIVE_DEV_STYLER_WEIGHT": "Πάχος γραμματοσειράς",
+  "LIVE_DEV_STYLER_ALIGN": "Στοίχιση κειμένου",
+  "LIVE_DEV_STYLER_BORDER": "Περίγραμμα",
+  "LIVE_DEV_STYLER_SPACING": "Περιθώριο & εσωτερική απόσταση",
+  "LIVE_DEV_STYLER_LAYOUT": "Διάταξη",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Στυλ κειμένου",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Μετακίνηση γραμμής στην κορυφή",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Μετακίνηση γραμμής στο κάτω μέρος",
+  "LIVE_DEV_STYLER_RESET": "Επαναφορά αλλαγών",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Δεν υπάρχουν αλλαγές για επαναφορά",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Έγινε",
+  "LIVE_DEV_STYLER_MIXED": "Μικτό",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Οι πλευρές διαφέρουν — επεξεργαστείτε κάθε πλευρά ξεχωριστά",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Αναζήτηση γραμματοσειρών…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Συστήματος",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Σε αυτήν τη σελίδα",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Προσαρμοσμένο",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Χρήση \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Δεν βρέθηκαν γραμματοσειρές",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Φόρτωση περισσότερων",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Λεπτό",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Εξαιρετικά Λεπτό",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ελαφρύ",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Κανονικό",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Μεσαίο",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Ημίπαχα",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Έντονα",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Πολύ έντονα",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Μαύρα",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Ύψος γραμμής",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Διάστιχο γραμμάτων",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Διάστιχο λέξεων",
+  "LIVE_DEV_STYLER_CASE": "Πεζά/Κεφαλαία",
+  "LIVE_DEV_STYLER_BOLD": "Έντονα",
+  "LIVE_DEV_STYLER_ITALIC": "Πλάγια",
+  "LIVE_DEV_STYLER_UNDERLINE": "Υπογράμμιση",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Διαγράμμιση",
+  "LIVE_DEV_STYLER_NONE": "Κανένα",
+  "LIVE_DEV_STYLER_UPPERCASE": "Κεφαλαία",
+  "LIVE_DEV_STYLER_LOWERCASE": "Πεζά",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Κεφαλαιοποίηση",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Στοίχιση αριστερά",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Στοίχιση στο κέντρο",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Στοίχιση δεξιά",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Πλήρης στοίχιση",
+  "LIVE_DEV_STYLER_CLEAR": "Εκκαθάριση",
+  "LIVE_DEV_STYLER_RADIUS": "Ακτίνα",
+  "LIVE_DEV_STYLER_WIDTH": "Πλάτος",
+  "LIVE_DEV_STYLER_COLOR": "Χρώμα",
+  "LIVE_DEV_STYLER_STYLE": "Στυλ",
+  "LIVE_DEV_STYLER_SOLID": "Συμπαγής",
+  "LIVE_DEV_STYLER_DASHED": "Διακεκομμένη",
+  "LIVE_DEV_STYLER_DOTTED": "Διάστικτη",
+  "LIVE_DEV_STYLER_DOUBLE": "Διπλή",
+  "LIVE_DEV_STYLER_OUTLINE": "Περίγραμμα",
+  "LIVE_DEV_STYLER_OFFSET": "Μετατόπιση",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Περίγραμμα & Εξωτερικό περίγραμμα",
+  "LIVE_DEV_STYLER_SIDE": "Πλευρά",
+  "LIVE_DEV_STYLER_PADDING": "Εσωτερική απόσταση",
+  "LIVE_DEV_STYLER_MARGIN": "Περιθώριο",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Επεξεργασία όλων των πλευρών μαζί",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Επεξεργασία πλευρών ανεξάρτητα",
+  "LIVE_DEV_STYLER_LINK_NONE": "Ανεξάρτητες πλευρές - κάθε πλευρά έχει τη δική της τιμή",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Ανά ζεύγη - πάνω & κάτω συνδεδεμένα, αριστερά & δεξιά συνδεδεμένα",
+  "LIVE_DEV_STYLER_LINK_ALL": "Όλες οι πλευρές συνδεδεμένες - μία τιμή για κάθε πλευρά",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Κάντε κλικ για να αλλάξετε τον τρόπο σύνδεσης των πλευρών",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Όλες",
+  "LIVE_DEV_STYLER_TOP": "Πάνω",
+  "LIVE_DEV_STYLER_RIGHT": "Δεξιά",
+  "LIVE_DEV_STYLER_BOTTOM": "Κάτω",
+  "LIVE_DEV_STYLER_LEFT": "Αριστερά",
+  "LIVE_DEV_STYLER_DISPLAY": "Εμφάνιση",
+  "LIVE_DEV_STYLER_DIRECTION": "Κατεύθυνση",
+  "LIVE_DEV_STYLER_JUSTIFY": "Στοίχιση",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Στοίχιση στοιχείων",
+  "LIVE_DEV_STYLER_WRAP": "Αναδίπλωση",
+  "LIVE_DEV_STYLER_GAP": "Κενό",
+  "LIVE_DEV_STYLER_COLUMNS": "Στήλες",
+  "LIVE_DEV_STYLER_ROWS": "Σειρές",
+  "LIVE_DEV_STYLER_POSITION": "Θέση",
+  "LIVE_DEV_STYLER_Z_INDEX": "Δείκτης Z",
+  "LIVE_DEV_STYLER_BLOCK": "Μπλοκ",
+  "LIVE_DEV_STYLER_INLINE": "Εντός γραμμής",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Μπλοκ εντός γραμμής",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Ενσωματωμένο Flex",
+  "LIVE_DEV_STYLER_GRID": "Πλέγμα",
+  "LIVE_DEV_STYLER_HIDDEN": "Κρυφό",
+  "LIVE_DEV_STYLER_ROW": "Σειρά",
+  "LIVE_DEV_STYLER_COLUMN": "Στήλη",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Αντίστροφη Σειρά",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Αντίστροφη Στήλη",
+  "LIVE_DEV_STYLER_START": "Αρχή",
+  "LIVE_DEV_STYLER_CENTER": "Κέντρο",
+  "LIVE_DEV_STYLER_END": "Τέλος",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Διάστημα μεταξύ",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Διάστημα περιμετρικά",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ομοιόμορφο διάστημα",
+  "LIVE_DEV_STYLER_STRETCH": "Επέκταση",
+  "LIVE_DEV_STYLER_BASELINE": "Γραμμή βάσης",
+  "LIVE_DEV_STYLER_NO_WRAP": "Χωρίς αναδίπλωση",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Αντίστροφη αναδίπλωση",
+  "LIVE_DEV_STYLER_STATIC": "Στατική",
+  "LIVE_DEV_STYLER_RELATIVE": "Σχετική",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Απόλυτη",
+  "LIVE_DEV_STYLER_STICKY": "Κολλώδης",
+  "LIVE_DEV_STYLER_FIXED": "Σταθερό",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Αποθήκευση αλλαγών σε",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Ενσωματωμένο",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "απευθείας στο στοιχείο",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "επηρεάζει {0} στη σελίδα",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Νέο στυλ…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Νέο στυλ",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Προσθέτει την κλάση \"{0}\" σε αυτό το στοιχείο και αποθηκεύει το στυλ στο {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Δίνει σε αυτό το στοιχείο το id \"{0}\" και αποθηκεύει το στυλ στο {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ μόνο σε αυτό το στοιχείο",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ σε {1} στοιχεία στη σελίδα",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ένα άλλο στοιχείο έχει ήδη αυτό το αναγνωριστικό - δοκιμάστε μια κλάση αντ' αυτού",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Αυτό δεν αντιστοιχεί στο επιλεγμένο στοιχείο, επομένως οι αλλαγές σας δεν θα το επηρεάσουν",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Στυλ όπως το \":hover\" δεν μπορούν ακόμη να επεξεργαστούν ζωντανά εδώ",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Αυτό δεν φαίνεται να είναι έγκυρο όνομα στυλ - δοκιμάστε μια κλάση όπως .card ή ένα αναγνωριστικό όπως #hero",
+  "LIVE_DEV_STYLER_CREATE": "Δημιουργία",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "π.χ. .card ή #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Ύψος",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Μέγεθος",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ελάχιστο πλάτος",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Μέγιστο πλάτος",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Ελάχιστο ύψος",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Μέγιστο ύψος",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Εμφάνιση ορίων ελάχιστου / μέγιστου μεγέθους",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Απόκρυψη ορίων ελάχιστου / μέγιστου μεγέθους",
+  "LIVE_DEV_STYLER_OPACITY": "Αδιαφάνεια",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Αλλαγή μονάδας - εναλλαγή μεταξύ {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Αύξηση {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Μείωση {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Αύξηση τιμής",
+  "LIVE_DEV_STYLER_DECREASE": "Μείωση τιμής",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Κλικ: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Επιλογή χρώματος από τη σελίδα"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index 39aadfea94..86b798adee 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Search elements…",
   "LIVE_DEV_INSERT_COMMON": "Common",
   "LIVE_DEV_INSERT_NO_RESULTS": "No matching elements",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
   "LIVE_DEV_INSERT_SHOW_LESS": "Show less",
   "LIVE_DEV_INSERT_CREATE": "Create",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Two new ways to edit",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Add new HTML elements",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edit tag, classes, ID and attributes",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Show more",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Your page is empty — add an element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Add your first element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Collapse"
+  "LIVE_DEV_STYLER_BACKGROUND": "Background colour",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text colour",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalise",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align centre",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_COLOR": "Colour",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centre",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick colour from page"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index e05dd392ce..95b9ec56bb 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Eliminar",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galería de imágenes",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Más opciones",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
+  "LIVE_DEV_STYLER_TOP": "Arriba",
+  "LIVE_DEV_STYLER_RIGHT": "Derecha",
+  "LIVE_DEV_STYLER_BOTTOM": "Abajo",
+  "LIVE_DEV_STYLER_LEFT": "Izquierda",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Pegar",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comunes",
   "LIVE_DEV_INSERT_NO_RESULTS": "No hay elementos que coincidan",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar más",
   "LIVE_DEV_INSERT_SHOW_LESS": "Ver menos",
   "LIVE_DEV_INSERT_CREATE": "Crear",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Tu página está vacía — añade un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Añadir tu primer elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dos nuevas formas de editar",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Añade nuevos elementos HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edita la etiqueta, las clases, el ID y los atributos",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar más",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Tu página está vacía — añade un elemento",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Añadir tu primer elemento",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer"
+  "LIVE_DEV_STYLER_BACKGROUND": "Color de fondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Color del texto",
+  "LIVE_DEV_STYLER_FONT": "Familia de fuente",
+  "LIVE_DEV_STYLER_SIZE": "Tamaño de fuente",
+  "LIVE_DEV_STYLER_WEIGHT": "Grosor de la fuente",
+  "LIVE_DEV_STYLER_ALIGN": "Alineación del texto",
+  "LIVE_DEV_STYLER_BORDER": "Borde",
+  "LIVE_DEV_STYLER_SPACING": "Margen y relleno",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo de texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra a la parte superior",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra a la parte inferior",
+  "LIVE_DEV_STYLER_RESET": "Restablecer cambios",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No hay cambios que restablecer",
+  "LIVE_DEV_STYLER_MIXED": "Mixto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Los lados son diferentes: edite cada lado por separado",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fuentes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "En esta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No se encontraron fuentes",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar más",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ligera",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrita",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrita",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegrita",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlineado",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaciado entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaciado entre palabras",
+  "LIVE_DEV_STYLER_CASE": "Capitalización",
+  "LIVE_DEV_STYLER_BOLD": "Negrita",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subrayado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
+  "LIVE_DEV_STYLER_NONE": "Ninguno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Mayúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinear a la izquierda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinear al centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinear a la derecha",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpiar",
+  "LIVE_DEV_STYLER_RADIUS": "Radio",
+  "LIVE_DEV_STYLER_WIDTH": "Ancho",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "Discontinuo",
+  "LIVE_DEV_STYLER_DOTTED": "Punteado",
+  "LIVE_DEV_STYLER_DOUBLE": "Doble",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Desplazamiento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borde y contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Relleno",
+  "LIVE_DEV_STYLER_MARGIN": "Margen",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos los lados a la vez",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar los lados por separado",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independientes: cada lado tiene su propio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparejados: superior e inferior enlazados, izquierdo y derecho enlazados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos los lados enlazados: un valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Haz clic para cambiar cómo se enlazan los lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
+  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificación",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinear elementos",
+  "LIVE_DEV_STYLER_WRAP": "Ajuste",
+  "LIVE_DEV_STYLER_GAP": "Separación",
+  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
+  "LIVE_DEV_STYLER_ROWS": "Filas",
+  "LIVE_DEV_STYLER_POSITION": "Posición",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloque",
+  "LIVE_DEV_STYLER_INLINE": "En línea",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en línea",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en línea",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Fila",
+  "LIVE_DEV_STYLER_COLUMN": "Columna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
+  "LIVE_DEV_STYLER_START": "Inicio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Final",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espacio entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espacio alrededor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaciado uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estirar",
+  "LIVE_DEV_STYLER_BASELINE": "Línea de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sin ajuste",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ajuste inverso",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Adherente",
+  "LIVE_DEV_STYLER_FIXED": "Fijo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar cambios en",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En línea",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente en el elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} en la página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nuevo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuevo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Añade la clase \"{0}\" a este elemento y guarda el estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Asigna el id \"{0}\" a este elemento y guarda el estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda el estilo en {0}: aplica el estilo solo a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda el estilo en {0}: aplica el estilo a {1} elementos en la página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Otro elemento ya tiene ese id; prueba a usar una clase en su lugar",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Esto no coincide con el elemento seleccionado, por lo que tus ediciones no lo afectarían",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Los estilos como \":hover\" todavía no se pueden editar en vivo aquí",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "No parece un nombre de estilo válido. Prueba con una clase como .card o un id como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Crear",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ej. .card o #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mínimo",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máximo",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Alto mínimo",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Alto máximo",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar límites de tamaño mínimo/máximo",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar límites de tamaño mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidad",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidad: alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Disminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Disminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Mayús + clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar color de la página"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index bd58951e7b..cb697f438e 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "حذف",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "گالری تصاویر",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "گزینه‌های بیشتر",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "انجام",
+  "LIVE_DEV_STYLER_TOP": "بالا",
+  "LIVE_DEV_STYLER_RIGHT": "راست",
+  "LIVE_DEV_STYLER_BOTTOM": "پایین",
+  "LIVE_DEV_STYLER_LEFT": "چپ",
   "LIVE_DEV_MORE_OPTIONS_CUT": "بریدن",
   "LIVE_DEV_MORE_OPTIONS_COPY": "رونوشت",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "چسباندن رو نوشت",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "جستجوی عناصر…",
   "LIVE_DEV_INSERT_COMMON": "رایج",
   "LIVE_DEV_INSERT_NO_RESULTS": "عنصر منطبقی یافت نشد",
+  "LIVE_DEV_INSERT_SHOW_MORE": "نمایش بیشتر",
   "LIVE_DEV_INSERT_SHOW_LESS": "نمایش کمتر",
   "LIVE_DEV_INSERT_CREATE": "ایجاد",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحهٔ شما خالی است — یک عنصر اضافه کنید",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "اولین عنصر خود را اضافه کنید",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "جمع کردن",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "دو روش جدید برای ویرایش",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "افزودن عناصر HTML جدید",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "ویرایش تگ، کلاس‌ها، ID و ویژگی‌ها",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "LIVE_DEV_INSERT_SHOW_MORE": "نمایش بیشتر",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "صفحهٔ شما خالی است — یک عنصر اضافه کنید",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "اولین عنصر خود را اضافه کنید",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "جمع کردن"
+  "LIVE_DEV_STYLER_BACKGROUND": "رنگ پس‌زمینه",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "رنگ متن",
+  "LIVE_DEV_STYLER_FONT": "خانواده فونت",
+  "LIVE_DEV_STYLER_SIZE": "اندازه فونت",
+  "LIVE_DEV_STYLER_WEIGHT": "ضخامت فونت",
+  "LIVE_DEV_STYLER_ALIGN": "ترازبندی متن",
+  "LIVE_DEV_STYLER_BORDER": "حاشیه",
+  "LIVE_DEV_STYLER_SPACING": "حاشیه و فاصله داخلی",
+  "LIVE_DEV_STYLER_LAYOUT": "چیدمان",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "سبک متن",
+  "LIVE_DEV_STYLER_DOCK_TOP": "انتقال نوار به بالا",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "انتقال نوار به پایین",
+  "LIVE_DEV_STYLER_RESET": "بازنشانی تغییرات",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "تغییری برای بازنشانی وجود ندارد",
+  "LIVE_DEV_STYLER_MIXED": "مختلط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "مقادیر اضلاع متفاوت است — هر ضلع را جداگانه ویرایش کنید",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "جستجوی فونت‌ها…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سیستم",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "در این صفحه",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "سفارشی",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استفاده از «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "هیچ فونتی یافت نشد",
+  "LIVE_DEV_STYLER_LOAD_MORE": "بارگذاری بیشتر",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "نازک",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "بسیار نازک",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "سبک",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "معمولی",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیمه‌ضخیم",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "پررنگ",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "بسیار پررنگ",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "سیاه",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع خط",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "فاصله حروف",
+  "LIVE_DEV_STYLER_WORD_SPACING": "فاصله کلمات",
+  "LIVE_DEV_STYLER_CASE": "حالت حروف",
+  "LIVE_DEV_STYLER_BOLD": "پررنگ",
+  "LIVE_DEV_STYLER_ITALIC": "ایتالیک",
+  "LIVE_DEV_STYLER_UNDERLINE": "زیرخط‌دار",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "خط‌خورده",
+  "LIVE_DEV_STYLER_NONE": "هیچ‌کدام",
+  "LIVE_DEV_STYLER_UPPERCASE": "حروف بزرگ",
+  "LIVE_DEV_STYLER_LOWERCASE": "حروف کوچک",
+  "LIVE_DEV_STYLER_CAPITALIZE": "حرف اول بزرگ",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "چپ‌چین",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "وسط‌چین",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "راست‌چین",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "تراز از دو طرف",
+  "LIVE_DEV_STYLER_CLEAR": "پاک کردن",
+  "LIVE_DEV_STYLER_RADIUS": "شعاع",
+  "LIVE_DEV_STYLER_WIDTH": "عرض",
+  "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_STYLE": "سبک",
+  "LIVE_DEV_STYLER_SOLID": "ممتد",
+  "LIVE_DEV_STYLER_DASHED": "خط‌چین",
+  "LIVE_DEV_STYLER_DOTTED": "نقطه‌چین",
+  "LIVE_DEV_STYLER_DOUBLE": "دوبل",
+  "LIVE_DEV_STYLER_OUTLINE": "خط دور",
+  "LIVE_DEV_STYLER_OFFSET": "فاصله",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "کادر و خط دور",
+  "LIVE_DEV_STYLER_SIDE": "ضلع",
+  "LIVE_DEV_STYLER_PADDING": "فاصله داخلی",
+  "LIVE_DEV_STYLER_MARGIN": "فاصله خارجی",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "ویرایش همهٔ ضلع‌ها با هم",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "ویرایش ضلع‌ها به‌طور مستقل",
+  "LIVE_DEV_STYLER_LINK_NONE": "ضلع‌های مستقل - هر ضلع مقدار خودش را دارد",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "جفتی - بالا و پایین مرتبط، چپ و راست مرتبط",
+  "LIVE_DEV_STYLER_LINK_ALL": "همهٔ ضلع‌ها مرتبط - یک مقدار برای همهٔ ضلع‌ها",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "برای تغییر نحوهٔ ارتباط ضلع‌ها کلیک کنید",
+  "LIVE_DEV_STYLER_ALL_SIDES": "همه",
+  "LIVE_DEV_STYLER_DISPLAY": "نمایش",
+  "LIVE_DEV_STYLER_DIRECTION": "جهت",
+  "LIVE_DEV_STYLER_JUSTIFY": "چیدمان",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "تراز آیتم‌ها",
+  "LIVE_DEV_STYLER_WRAP": "شکست خط",
+  "LIVE_DEV_STYLER_GAP": "فاصله",
+  "LIVE_DEV_STYLER_COLUMNS": "ستون‌ها",
+  "LIVE_DEV_STYLER_ROWS": "ردیف‌ها",
+  "LIVE_DEV_STYLER_POSITION": "موقعیت",
+  "LIVE_DEV_STYLER_Z_INDEX": "زد-ایندکس",
+  "LIVE_DEV_STYLER_BLOCK": "بلوک",
+  "LIVE_DEV_STYLER_INLINE": "درون‌خطی",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "بلوک درون‌خطی",
+  "LIVE_DEV_STYLER_FLEX": "فلکس",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "فلکس درون‌خطی",
+  "LIVE_DEV_STYLER_GRID": "گرید",
+  "LIVE_DEV_STYLER_HIDDEN": "مخفی",
+  "LIVE_DEV_STYLER_ROW": "سطر",
+  "LIVE_DEV_STYLER_COLUMN": "ستون",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "سطر معکوس",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "ستون معکوس",
+  "LIVE_DEV_STYLER_START": "شروع",
+  "LIVE_DEV_STYLER_CENTER": "وسط",
+  "LIVE_DEV_STYLER_END": "پایان",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "فاصله بین",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "فاصله در اطراف",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "فاصله یکنواخت",
+  "LIVE_DEV_STYLER_STRETCH": "کشیده",
+  "LIVE_DEV_STYLER_BASELINE": "خط کرسی",
+  "LIVE_DEV_STYLER_NO_WRAP": "بدون شکست",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "شکست معکوس",
+  "LIVE_DEV_STYLER_STATIC": "ایستا",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبی",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "چسبان",
+  "LIVE_DEV_STYLER_FIXED": "ثابت",
+  "LIVE_DEV_STYLER_APPLIES_TO": "ذخیره تغییرات در",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "درون‌خطی",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مستقیماً روی عنصر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "روی {0} مورد در صفحه تأثیر می‌گذارد",
+  "LIVE_DEV_STYLER_NEW_STYLE": "استایل جدید…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "استایل جدید",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "کلاس «{0}» را به این عنصر اضافه کرده و استایل را در {1} ذخیره می‌کند",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "به این عنصر شناسهٔ «{0}» را داده و استایل را در {1} ذخیره می‌کند",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "استایل را در {0} ذخیره می‌کند - فقط روی همین عنصر اعمال می‌شود",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "استایل را در {0} ذخیره می‌کند - روی {1} عنصر در صفحه اعمال می‌شود",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "عنصر دیگری از قبل این شناسه را دارد - به جای آن از یک کلاس استفاده کنید",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "این مورد با عنصر انتخاب‌شده مطابقت ندارد، بنابراین ویرایش‌های شما آن را تغییر نخواهد داد",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "استایل‌هایی مانند «:hover» هنوز در اینجا به صورت زنده قابل ویرایش نیستند",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "این انتخابگر معتبر به نظر نمی‌رسد - یک کلاس مانند .card یا یک id مانند #hero را امتحان کنید",
+  "LIVE_DEV_STYLER_CREATE": "ایجاد",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثلاً .card یا #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ارتفاع",
+  "LIVE_DEV_STYLER_SIZE_TAB": "اندازه",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "حداقل عرض",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "حداکثر عرض",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "حداقل ارتفاع",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "حداکثر ارتفاع",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "نمایش محدودیت‌های حداقل / حداکثر اندازه",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "پنهان کردن محدودیت‌های اندازه حداقل / حداکثر",
+  "LIVE_DEV_STYLER_OPACITY": "کدری",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغییر واحد - جابجایی بین {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "افزایش {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "کاهش {0}",
+  "LIVE_DEV_STYLER_INCREASE": "افزایش مقدار",
+  "LIVE_DEV_STYLER_DECREASE": "کاهش مقدار",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x۱۰",
+  "LIVE_DEV_STYLER_EYEDROPPER": "انتخاب رنگ از صفحه"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index 402666a190..ed54b16749 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Poista",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Kuvagalleria",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Lisää vaihtoehtoja",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Valmis",
+  "LIVE_DEV_STYLER_CLEAR": "Tyhjennä",
+  "LIVE_DEV_STYLER_TOP": "ylä",
+  "LIVE_DEV_STYLER_RIGHT": "oikeaan ",
+  "LIVE_DEV_STYLER_BOTTOM": "ala",
+  "LIVE_DEV_STYLER_LEFT": "vasempaan ",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Leikkaa",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopioi",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Liitä",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Etsi elementtejä…",
   "LIVE_DEV_INSERT_COMMON": "Yleiset",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ei vastaavia elementtejä",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Näytä lisää",
   "LIVE_DEV_INSERT_SHOW_LESS": "Näytä vähemmän",
   "LIVE_DEV_INSERT_CREATE": "Luo",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sivusi on tyhjä — lisää elementti",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lisää ensimmäinen elementtisi",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Kutista",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Kaksi uutta tapaa muokata",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Lisää uusia HTML-elementtejä",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Muokkaa tagia, luokkia, ID:tä ja attribuutteja",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Näytä lisää",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sivusi on tyhjä — lisää elementti",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lisää ensimmäinen elementtisi",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Kutista"
+  "LIVE_DEV_STYLER_BACKGROUND": "Taustaväri",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstin väri",
+  "LIVE_DEV_STYLER_FONT": "Fonttiperhe",
+  "LIVE_DEV_STYLER_SIZE": "Fontin koko",
+  "LIVE_DEV_STYLER_WEIGHT": "Fontin paino",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstin tasaus",
+  "LIVE_DEV_STYLER_BORDER": "Reunus",
+  "LIVE_DEV_STYLER_SPACING": "Marginaali ja täyte",
+  "LIVE_DEV_STYLER_LAYOUT": "Asettelu",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekstin tyyli",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Siirrä palkki yläreunaan",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Siirrä palkki alareunaan",
+  "LIVE_DEV_STYLER_RESET": "Nollaa muutokset",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ei nollattavia muutoksia",
+  "LIVE_DEV_STYLER_MIXED": "Seka",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sivut eroavat — muokkaa kutakin sivua erikseen",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hae fontteja…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Järjestelmä",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Tällä sivulla",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Mukautettu",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Käytä \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ei fontteja löytynyt",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Lataa lisää",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Ohut",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Erittäin kevyt",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Kevyt",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaali",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Keskivahva",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Puolilihava",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Lihavoitu",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Erittäin lihava",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Musta",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rivinkorkeus",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Merkkiväli",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Sanaväli",
+  "LIVE_DEV_STYLER_CASE": "Aakkoslaji",
+  "LIVE_DEV_STYLER_BOLD": "Lihavoitu",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiivi",
+  "LIVE_DEV_STYLER_UNDERLINE": "Alleviivaus",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Yliviivaus",
+  "LIVE_DEV_STYLER_NONE": "Ei mitään",
+  "LIVE_DEV_STYLER_UPPERCASE": "Suuraakkoset",
+  "LIVE_DEV_STYLER_LOWERCASE": "Pienaakkoset",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Isot alkukirjaimet",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Tasaa vasemmalle",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Tasaa keskelle",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Tasaa oikealle",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Tasasivut",
+  "LIVE_DEV_STYLER_RADIUS": "Säde",
+  "LIVE_DEV_STYLER_WIDTH": "Leveys",
+  "LIVE_DEV_STYLER_COLOR": "Väri",
+  "LIVE_DEV_STYLER_STYLE": "Tyyli",
+  "LIVE_DEV_STYLER_SOLID": "Yhtenäinen",
+  "LIVE_DEV_STYLER_DASHED": "Katkoviiva",
+  "LIVE_DEV_STYLER_DOTTED": "Pisteviiva",
+  "LIVE_DEV_STYLER_DOUBLE": "Kaksoisviiva",
+  "LIVE_DEV_STYLER_OUTLINE": "Ääriviiva",
+  "LIVE_DEV_STYLER_OFFSET": "Siirtymä",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Reunus ja ääriviiva",
+  "LIVE_DEV_STYLER_SIDE": "Reuna",
+  "LIVE_DEV_STYLER_PADDING": "Täyte",
+  "LIVE_DEV_STYLER_MARGIN": "Marginaali",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Muokkaa kaikkia reunoja yhdessä",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Muokkaa reunoja erikseen",
+  "LIVE_DEV_STYLER_LINK_NONE": "Erikseen - jokaisella reunalla on oma arvonsa",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Pareittain - ylä- ja alareuna linkitetty, vasen ja oikea reuna linkitetty",
+  "LIVE_DEV_STYLER_LINK_ALL": "Kaikki reunat linkitetty - yksi arvo kaikille reunoille",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Napsauta muuttaaksesi reunojen linkitystapaa",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Kaikki",
+  "LIVE_DEV_STYLER_DISPLAY": "Näyttö",
+  "LIVE_DEV_STYLER_DIRECTION": "Suunta",
+  "LIVE_DEV_STYLER_JUSTIFY": "Tasaus",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Kohteiden tasaus",
+  "LIVE_DEV_STYLER_WRAP": "Rivitys",
+  "LIVE_DEV_STYLER_GAP": "Väli",
+  "LIVE_DEV_STYLER_COLUMNS": "Sarakkeet",
+  "LIVE_DEV_STYLER_ROWS": "Rivit",
+  "LIVE_DEV_STYLER_POSITION": "Sijainti",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeksi",
+  "LIVE_DEV_STYLER_BLOCK": "Lohko",
+  "LIVE_DEV_STYLER_INLINE": "Rivinsisäinen",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Rivinsisäinen lohko",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Rivinsisäinen flex",
+  "LIVE_DEV_STYLER_GRID": "Ruudukko",
+  "LIVE_DEV_STYLER_HIDDEN": "Piilotettu",
+  "LIVE_DEV_STYLER_ROW": "Rivi",
+  "LIVE_DEV_STYLER_COLUMN": "Sarake",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Käänteinen rivi",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sarake käänteinen",
+  "LIVE_DEV_STYLER_START": "Alku",
+  "LIVE_DEV_STYLER_CENTER": "Keskelle",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Tilaa välissä",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Tilaa ympärillä",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Tilaa tasaisesti",
+  "LIVE_DEV_STYLER_STRETCH": "Venytä",
+  "LIVE_DEV_STYLER_BASELINE": "Perusviiva",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ei rivitystä",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Käänteinen rivitys",
+  "LIVE_DEV_STYLER_STATIC": "Staattinen",
+  "LIVE_DEV_STYLER_RELATIVE": "Suhteellinen",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluuttinen",
+  "LIVE_DEV_STYLER_STICKY": "Tarrautuva",
+  "LIVE_DEV_STYLER_FIXED": "Kiinteä",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Tallenna muutokset kohteeseen",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Sisäinen",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "suoraan elementtiin",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "vaikuttaa {0} kohteeseen sivulla",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Uusi tyyli…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Uusi tyyli",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lisää luokan ”{0}” tähän elementtiin ja tallentaa tyylin tiedostoon {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Antaa tälle elementille id:n ”{0}” ja tallentaa tyylin tiedostoon {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Tallentaa tyylin tiedostoon {0} – muotoilee vain tämän elementin",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Tallentaa tyylin tiedostoon {0} – muotoilee {1} elementtiä sivulla",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Toisella elementillä on jo kyseinen id – kokeile sen sijaan luokkaa",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Tämä ei vastaa valittua elementtiä, joten muokkauksesi eivät vaikuttaisi siihen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Tyylejä, kuten ”:hover”, ei voi vielä muokata livenä tässä",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tuo ei näytä kelvolliselta tyylin nimeltä – kokeile luokkaa, kuten .card, tai id:tä, kuten #hero",
+  "LIVE_DEV_STYLER_CREATE": "Luo",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "esim. .card tai #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Korkeus",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Koko",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimileveys",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimileveys",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimikorkeus",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimikorkeus",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Näytä minimi- ja maksimikokorajat",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Piilota minimi- ja maksimikokorajat",
+  "LIVE_DEV_STYLER_OPACITY": "Läpinäkyvyys",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Vaihda yksikköä - vaihtaa välillä {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Kasvata {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Vähennä {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Kasvata arvoa",
+  "LIVE_DEV_STYLER_DECREASE": "Vähennä arvoa",
+  "LIVE_DEV_STYLER_STEP_HINT": "Vaihto + klikkaus: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Poimi väri sivulta"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index 63d238d29b..cd6e70ba14 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Supprimer",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie d'images",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Plus d'options",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminé",
+  "LIVE_DEV_STYLER_CLEAR": "Effacer",
+  "LIVE_DEV_STYLER_TOP": "Haut",
+  "LIVE_DEV_STYLER_RIGHT": "Droite",
+  "LIVE_DEV_STYLER_BOTTOM": "Bas",
+  "LIVE_DEV_STYLER_LEFT": "Gauche",
+  "LIVE_DEV_STYLER_END": "Fin",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Couper",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copier",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Coller",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Rechercher des éléments…",
   "LIVE_DEV_INSERT_COMMON": "Communs",
   "LIVE_DEV_INSERT_NO_RESULTS": "Aucun élément correspondant",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Afficher plus",
   "LIVE_DEV_INSERT_SHOW_LESS": "Voir moins",
   "LIVE_DEV_INSERT_CREATE": "Créer",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Votre page est vide — ajoutez un élément",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Ajoutez votre premier élément",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Réduire",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Deux nouvelles façons d'éditer",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Ajouter de nouveaux éléments HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Modifier la balise, les classes, l'ID et les attributs",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Afficher plus",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Votre page est vide — ajoutez un élément",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Ajoutez votre premier élément",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Réduire"
+  "LIVE_DEV_STYLER_BACKGROUND": "Couleur de fond",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Couleur du texte",
+  "LIVE_DEV_STYLER_FONT": "Famille de police",
+  "LIVE_DEV_STYLER_SIZE": "Taille de la police",
+  "LIVE_DEV_STYLER_WEIGHT": "Graisse de la police",
+  "LIVE_DEV_STYLER_ALIGN": "Alignement du texte",
+  "LIVE_DEV_STYLER_BORDER": "Bordure",
+  "LIVE_DEV_STYLER_SPACING": "Marge & marge intérieure",
+  "LIVE_DEV_STYLER_LAYOUT": "Mise en page",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Style du texte",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Déplacer la barre en haut",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Déplacer la barre en bas",
+  "LIVE_DEV_STYLER_RESET": "Réinitialiser les modifications",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Aucune modification à réinitialiser",
+  "LIVE_DEV_STYLER_MIXED": "Mixte",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Les côtés diffèrent — modifiez chaque côté séparément",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Rechercher des polices…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Système",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Sur cette page",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personnalisé",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Utiliser « {0} »",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Aucune police trouvée",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Charger plus",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra-Léger",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Léger",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Moyen",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Demi-gras",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Gras",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra-gras",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Noir",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interligne",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espacement des lettres",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espacement des mots",
+  "LIVE_DEV_STYLER_CASE": "Casse",
+  "LIVE_DEV_STYLER_BOLD": "Gras",
+  "LIVE_DEV_STYLER_ITALIC": "Italique",
+  "LIVE_DEV_STYLER_UNDERLINE": "Souligné",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barré",
+  "LIVE_DEV_STYLER_NONE": "Aucun",
+  "LIVE_DEV_STYLER_UPPERCASE": "Majuscules",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscules",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitale initiale",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aligner à gauche",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aligner à droite",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justifier",
+  "LIVE_DEV_STYLER_RADIUS": "Rayon",
+  "LIVE_DEV_STYLER_WIDTH": "Largeur",
+  "LIVE_DEV_STYLER_COLOR": "Couleur",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_SOLID": "Pleine",
+  "LIVE_DEV_STYLER_DASHED": "En tirets",
+  "LIVE_DEV_STYLER_DOTTED": "En pointillés",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_OUTLINE": "Contour",
+  "LIVE_DEV_STYLER_OFFSET": "Décalage",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordure et contour",
+  "LIVE_DEV_STYLER_SIDE": "Côté",
+  "LIVE_DEV_STYLER_PADDING": "Marge intérieure",
+  "LIVE_DEV_STYLER_MARGIN": "Marge",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifier tous les côtés ensemble",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifier les côtés indépendamment",
+  "LIVE_DEV_STYLER_LINK_NONE": "Côtés indépendants - chaque côté a sa propre valeur",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Associés - haut et bas liés, gauche et droite liés",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tous les côtés liés - une seule valeur pour tous les côtés",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Cliquez pour changer la liaison des côtés",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tous",
+  "LIVE_DEV_STYLER_DISPLAY": "Affichage",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justification",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alignement des éléments",
+  "LIVE_DEV_STYLER_WRAP": "Retour à la ligne",
+  "LIVE_DEV_STYLER_GAP": "Espacement",
+  "LIVE_DEV_STYLER_COLUMNS": "Colonnes",
+  "LIVE_DEV_STYLER_ROWS": "Lignes",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloc",
+  "LIVE_DEV_STYLER_INLINE": "En ligne",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloc en ligne",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en ligne",
+  "LIVE_DEV_STYLER_GRID": "Grille",
+  "LIVE_DEV_STYLER_HIDDEN": "Masqué",
+  "LIVE_DEV_STYLER_ROW": "Ligne",
+  "LIVE_DEV_STYLER_COLUMN": "Colonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Ligne inversée",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonne inversée",
+  "LIVE_DEV_STYLER_START": "Début",
+  "LIVE_DEV_STYLER_CENTER": "Centre",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espace entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espace autour",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espacement uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Étirer",
+  "LIVE_DEV_STYLER_BASELINE": "Ligne de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sans retour à la ligne",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Retour à la ligne inversé",
+  "LIVE_DEV_STYLER_STATIC": "Statique",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolue",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixe",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Appliquer à",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En ligne",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directement sur l'élément",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affecte {0} élément(s) sur la page",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nouveau style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nouveau style",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Ajoute la classe \"{0}\" à cet élément et enregistre le style dans {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Attribue l'ID \"{0}\" à cet élément et enregistre le style dans {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Enregistre le style dans {0} - stylise uniquement cet élément",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Enregistre le style dans {0} - stylise {1} éléments sur la page",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un autre élément possède déjà cet ID - essayez plutôt une classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ceci ne correspond pas à l'élément sélectionné, vos modifications ne l'affecteront donc pas",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Les styles comme \":hover\" ne peuvent pas encore être modifiés en direct ici",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Cela ne semble pas être un nom de style valide - essayez une classe comme .card ou un ID comme #hero",
+  "LIVE_DEV_STYLER_CREATE": "Créer",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "Ex. : .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Hauteur",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensions",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largeur minimale",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largeur maximale",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Hauteur minimale",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Hauteur maximale",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afficher les limites min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Masquer les limites min/max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacité",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Changer d'unité - bascule entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Augmenter {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuer {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Augmenter la valeur",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuer la valeur",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maj + Clic : x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Prélever une couleur sur la page"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index 93aba4b9fc..b97d6d9bcb 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Eliminar",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galería de imaxes",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Máis opcións",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
+  "LIVE_DEV_STYLER_TOP": "Arriba",
+  "LIVE_DEV_STYLER_RIGHT": "Dereita",
+  "LIVE_DEV_STYLER_BOTTOM": "Abaixo",
+  "LIVE_DEV_STYLER_LEFT": "Esquerda",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Pegar",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comúns",
   "LIVE_DEV_INSERT_NO_RESULTS": "Non se atoparon elementos coincidentes",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Amosar máis",
   "LIVE_DEV_INSERT_SHOW_LESS": "Amosar menos",
   "LIVE_DEV_INSERT_CREATE": "Crear",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A túa páxina está baleira — engade un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Engadir o teu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dúas novas formas de editar",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Engadir novos elementos HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Editar etiqueta, clases, ID e atributos",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Amosar máis",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A túa páxina está baleira — engade un elemento",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Engadir o teu primeiro elemento",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Contraer"
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Familia de fontes",
+  "LIVE_DEV_STYLER_SIZE": "Tamaño da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Aliñamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Marxe e recheo",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover a barra cara arriba",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover a barra cara abaixo",
+  "LIVE_DEV_STYLER_RESET": "Restablecer os cambios",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Non hai cambios que restablecer",
+  "LIVE_DEV_STYLER_MIXED": "Mixto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados difiren — edite cada lado por separado",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fontes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta páxina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Non se atoparon fontes",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar máis",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lixeira",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrosa",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negriña",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegriña",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Negra",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interliñado",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espazado entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espazado entre palabras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negriña",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subliñado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Riscado",
+  "LIVE_DEV_STYLER_NONE": "Ningún",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliñar á esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliñar ao centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliñar á dereita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Xustificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Ancho",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "A trazos",
+  "LIVE_DEV_STYLER_DOTTED": "Punteado",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobre",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Desprazamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Recheo",
+  "LIVE_DEV_STYLER_MARGIN": "Marxe",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados xuntos",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar os lados de forma independente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes: cada lado ten o seu propio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparellados: superior e inferior vinculados, esquerdo e dereito vinculados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados: un valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faga clic para cambiar como se vinculan os lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
+  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
+  "LIVE_DEV_STYLER_JUSTIFY": "Xustificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliñar elementos",
+  "LIVE_DEV_STYLER_WRAP": "Axuste",
+  "LIVE_DEV_STYLER_GAP": "Espazamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
+  "LIVE_DEV_STYLER_ROWS": "Filas",
+  "LIVE_DEV_STYLER_POSITION": "Posición",
+  "LIVE_DEV_STYLER_Z_INDEX": "Índice Z",
+  "LIVE_DEV_STYLER_BLOCK": "Bloque",
+  "LIVE_DEV_STYLER_INLINE": "En liña",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en liña",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en liña",
+  "LIVE_DEV_STYLER_GRID": "Grella",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Fila",
+  "LIVE_DEV_STYLER_COLUMN": "Columna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
+  "LIVE_DEV_STYLER_START": "Inicio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Final",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espazo entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espazo ao redor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espazo uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estirar",
+  "LIVE_DEV_STYLER_BASELINE": "Liña de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sen axuste",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Axuste inverso",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Adherente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Gardar os cambios en",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En liña",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} na páxina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Engade a clase \"{0}\" a este elemento e garda o estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dálle a este elemento o ID \"{0}\" e garda o estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Garda o estilo en {0}: aplica o estilo só a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Garda o estilo en {0}: aplica o estilo a {1} elementos na páxina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento xa ten ese ID. Probe a usar unha clase no seu lugar.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto non coincide co elemento seleccionado, polo que as súas edicións non o modificarán.",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Os estilos como \":hover\" aínda non se poden editar en vivo aquí.",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Non parece un nome de estilo válido. Proba cunha clase como .card ou un ID como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Crear",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "P. ex. .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Amosar límites de tamaño mín. / máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar os límites de tamaño mínimo/máximo",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidade: alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuír {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar o valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuír o valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maiús + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar cor da páxina"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index 0f20877ca3..d66a4060b4 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "एलिमेंट खोजें…",
   "LIVE_DEV_INSERT_COMMON": "सामान्य",
   "LIVE_DEV_INSERT_NO_RESULTS": "कोई मेल खाने वाले एलिमेंट नहीं",
+  "LIVE_DEV_INSERT_SHOW_MORE": "और दिखाएँ",
   "LIVE_DEV_INSERT_SHOW_LESS": "कम दिखाएँ",
   "LIVE_DEV_INSERT_CREATE": "बनाएँ",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "आपका पेज खाली है — एक एलिमेंट जोड़ें",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "अपना पहला एलिमेंट जोड़ें",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "संक्षिप्त करें",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "संपादित करने के दो नए तरीके",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "नए HTML एलीमेंट्स जोड़ें",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "टैग, क्लास, आईडी और एट्रिब्यूट्स संपादित करें",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "LIVE_DEV_INSERT_SHOW_MORE": "और दिखाएँ",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "आपका पेज खाली है — एक एलिमेंट जोड़ें",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "अपना पहला एलिमेंट जोड़ें",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "संक्षिप्त करें"
+  "LIVE_DEV_STYLER_BACKGROUND": "बैकग्राउंड रंग",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "टेक्स्ट रंग",
+  "LIVE_DEV_STYLER_FONT": "फ़ॉन्ट परिवार",
+  "LIVE_DEV_STYLER_SIZE": "फ़ॉन्ट आकार",
+  "LIVE_DEV_STYLER_WEIGHT": "फ़ॉन्ट वज़न",
+  "LIVE_DEV_STYLER_ALIGN": "टेक्स्ट संरेखण",
+  "LIVE_DEV_STYLER_BORDER": "बॉर्डर",
+  "LIVE_DEV_STYLER_SPACING": "मार्जिन और पैडिंग",
+  "LIVE_DEV_STYLER_LAYOUT": "लेआउट",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "टेक्स्ट शैली",
+  "LIVE_DEV_STYLER_DOCK_TOP": "बार को ऊपर ले जाएँ",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "बार को नीचे ले जाएँ",
+  "LIVE_DEV_STYLER_RESET": "बदलाव रीसेट करें",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "रीसेट करने के लिए कोई बदलाव नहीं हैं",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "हो गया",
+  "LIVE_DEV_STYLER_MIXED": "मिश्रित",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "साइड्स अलग हैं — हर साइड को अलग-अलग संपादित करें",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "फ़ॉन्ट खोजें…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "गूगल",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "सिस्टम",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "इस पेज पर",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "कस्टम",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" का उपयोग करें",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "कोई फ़ॉन्ट नहीं मिला",
+  "LIVE_DEV_STYLER_LOAD_MORE": "और लोड करें",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "पतला",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "अतिरिक्त हल्का",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "हल्का",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "नियमित",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "मध्यम",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "सेमीबोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "बोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "एक्स्ट्रा बोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ब्लैक",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "लाइन की ऊँचाई",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "अक्षर स्पेसिंग",
+  "LIVE_DEV_STYLER_WORD_SPACING": "शब्द स्पेसिंग",
+  "LIVE_DEV_STYLER_CASE": "केस",
+  "LIVE_DEV_STYLER_BOLD": "बोल्ड",
+  "LIVE_DEV_STYLER_ITALIC": "इटैलिक",
+  "LIVE_DEV_STYLER_UNDERLINE": "रेखांकित",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "स्ट्राइकथ्रू",
+  "LIVE_DEV_STYLER_NONE": "कोई नहीं",
+  "LIVE_DEV_STYLER_UPPERCASE": "अपरकेस",
+  "LIVE_DEV_STYLER_LOWERCASE": "लोअरकेस",
+  "LIVE_DEV_STYLER_CAPITALIZE": "कैपिटलाइज़",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "बाएँ संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "केंद्र में संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "दाएँ संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "जस्टिफ़ाई",
+  "LIVE_DEV_STYLER_CLEAR": "साफ़ करें",
+  "LIVE_DEV_STYLER_RADIUS": "रेडियस",
+  "LIVE_DEV_STYLER_WIDTH": "चौड़ाई",
+  "LIVE_DEV_STYLER_COLOR": "रंग",
+  "LIVE_DEV_STYLER_STYLE": "स्टाइल",
+  "LIVE_DEV_STYLER_SOLID": "सॉलिड",
+  "LIVE_DEV_STYLER_DASHED": "डैश्ड",
+  "LIVE_DEV_STYLER_DOTTED": "डॉटेड",
+  "LIVE_DEV_STYLER_DOUBLE": "डबल",
+  "LIVE_DEV_STYLER_OUTLINE": "आउटलाइन",
+  "LIVE_DEV_STYLER_OFFSET": "ऑफ़सेट",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "बॉर्डर और आउटलाइन",
+  "LIVE_DEV_STYLER_SIDE": "साइड",
+  "LIVE_DEV_STYLER_PADDING": "पैडिंग",
+  "LIVE_DEV_STYLER_MARGIN": "मार्जिन",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "सभी साइड एक साथ संपादित करें",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "साइड को अलग-अलग संपादित करें",
+  "LIVE_DEV_STYLER_LINK_NONE": "अलग-अलग साइड - हर साइड का अपना मान होता है",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "युग्मित - ऊपर और नीचे लिंक हैं, बाएँ और दाएँ लिंक हैं",
+  "LIVE_DEV_STYLER_LINK_ALL": "सभी साइड लिंक हैं - हर साइड के लिए एक मान",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "साइड्स को लिंक करने का तरीका बदलने के लिए क्लिक करें",
+  "LIVE_DEV_STYLER_ALL_SIDES": "सभी",
+  "LIVE_DEV_STYLER_TOP": "ऊपर",
+  "LIVE_DEV_STYLER_RIGHT": "दाएँ",
+  "LIVE_DEV_STYLER_BOTTOM": "नीचे",
+  "LIVE_DEV_STYLER_LEFT": "बाएँ",
+  "LIVE_DEV_STYLER_DISPLAY": "डिस्प्ले",
+  "LIVE_DEV_STYLER_DIRECTION": "दिशा",
+  "LIVE_DEV_STYLER_JUSTIFY": "जस्टिफ़ाई",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "आइटम संरेखित करें",
+  "LIVE_DEV_STYLER_WRAP": "रैप",
+  "LIVE_DEV_STYLER_GAP": "गैप",
+  "LIVE_DEV_STYLER_COLUMNS": "कॉलम",
+  "LIVE_DEV_STYLER_ROWS": "पंक्तियाँ",
+  "LIVE_DEV_STYLER_POSITION": "स्थिति",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-इंडेक्स",
+  "LIVE_DEV_STYLER_BLOCK": "ब्लॉक",
+  "LIVE_DEV_STYLER_INLINE": "इनलाइन",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "इनलाइन ब्लॉक",
+  "LIVE_DEV_STYLER_FLEX": "फ्लेक्स",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "इनलाइन फ्लेक्स",
+  "LIVE_DEV_STYLER_GRID": "ग्रिड",
+  "LIVE_DEV_STYLER_HIDDEN": "छिपा हुआ",
+  "LIVE_DEV_STYLER_ROW": "पंक्ति",
+  "LIVE_DEV_STYLER_COLUMN": "स्तंभ",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "पंक्ति उलटा",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "स्तंभ उलटा",
+  "LIVE_DEV_STYLER_START": "शुरू",
+  "LIVE_DEV_STYLER_CENTER": "केंद्र",
+  "LIVE_DEV_STYLER_END": "अंत",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "बीच में जगह",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "आस-पास जगह",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "समान रूप से जगह",
+  "LIVE_DEV_STYLER_STRETCH": "खिंचाव",
+  "LIVE_DEV_STYLER_BASELINE": "आधार-रेखा",
+  "LIVE_DEV_STYLER_NO_WRAP": "रैप नहीं",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "उल्टा रैप",
+  "LIVE_DEV_STYLER_STATIC": "स्थिर",
+  "LIVE_DEV_STYLER_RELATIVE": "सापेक्ष",
+  "LIVE_DEV_STYLER_ABSOLUTE": "निरपेक्ष",
+  "LIVE_DEV_STYLER_STICKY": "स्टिकी",
+  "LIVE_DEV_STYLER_FIXED": "स्थिर",
+  "LIVE_DEV_STYLER_APPLIES_TO": "में बदलाव सहेजें",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "इनलाइन",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "सीधे एलीमेंट पर",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "पेज पर {0} को प्रभावित करता है",
+  "LIVE_DEV_STYLER_NEW_STYLE": "नई स्टाइल…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "नई स्टाइल",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "इस एलीमेंट में क्लास \"{0}\" जोड़ता है और स्टाइल को {1} में सहेजता है",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "इस एलीमेंट को आईडी \"{0}\" देता है और स्टाइल को {1} में सहेजता है",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0} में स्टाइल सहेजता है - सिर्फ़ इस एलिमेंट को स्टाइल करता है",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0} में स्टाइल सहेजता है - पेज पर {1} एलिमेंट्स को स्टाइल करता है",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "किसी दूसरे एलिमेंट के पास पहले से ही वह आईडी है - इसके बजाय एक क्लास आज़माएँ",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "यह चयनित एलिमेंट से मेल नहीं खाता, इसलिए आपके संपादन इसे नहीं बदलेंगे",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" जैसी स्टाइल को अभी यहाँ लाइव संपादित नहीं किया जा सकता है",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "यह एक मान्य स्टाइल नाम जैसा नहीं लगता - .card जैसी क्लास या #hero जैसी आईडी आज़माएँ",
+  "LIVE_DEV_STYLER_CREATE": "बनाएँ",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "उदा. .card या #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ऊँचाई",
+  "LIVE_DEV_STYLER_SIZE_TAB": "आकार",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "न्यूनतम चौड़ाई",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "अधिकतम चौड़ाई",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "न्यूनतम ऊंचाई",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "अधिकतम ऊंचाई",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "न्यूनतम / अधिकतम आकार सीमाएं दिखाएं",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "न्यूनतम / अधिकतम आकार सीमाएं छिपाएं",
+  "LIVE_DEV_STYLER_OPACITY": "अपारदर्शिता",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "इकाई बदलें - {0} के बीच टॉगल करता है",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} बढ़ाएं",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} घटाएं",
+  "LIVE_DEV_STYLER_INCREASE": "मान बढ़ाएँ",
+  "LIVE_DEV_STYLER_DECREASE": "मान घटाएँ",
+  "LIVE_DEV_STYLER_STEP_HINT": "शिफ्ट + क्लिक: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "पेज से रंग चुनें"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index a63cc4cadc..f0eca2fb4e 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Obriši",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerija slika",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Više opcija",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Može",
+  "LIVE_DEV_STYLER_TOP": "Vrh",
+  "LIVE_DEV_STYLER_RIGHT": "Desno",
+  "LIVE_DEV_STYLER_BOTTOM": "Dno",
+  "LIVE_DEV_STYLER_LEFT": "Lijevo",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Izreži",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiraj",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Zalijepi",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Pretraži elemente…",
   "LIVE_DEV_INSERT_COMMON": "Uobičajeno",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nema podudarajućih elemenata",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Prikaži više",
   "LIVE_DEV_INSERT_SHOW_LESS": "Prikaži manje",
   "LIVE_DEV_INSERT_CREATE": "Kreiraj",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stranica je prazna — dodajte element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodajte svoj prvi element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sažmi",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nova načina za uređivanje",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Dodavanje novih HTML elemenata",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Uređivanje oznake, klasa, ID-a i atributa",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Prikaži više",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stranica je prazna — dodajte element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodajte svoj prvi element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sažmi"
+  "LIVE_DEV_STYLER_BACKGROUND": "Boja pozadine",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Boja teksta",
+  "LIVE_DEV_STYLER_FONT": "Obitelj fontova",
+  "LIVE_DEV_STYLER_SIZE": "Veličina fonta",
+  "LIVE_DEV_STYLER_WEIGHT": "Debljina fonta",
+  "LIVE_DEV_STYLER_ALIGN": "Poravnanje teksta",
+  "LIVE_DEV_STYLER_BORDER": "Obrub",
+  "LIVE_DEV_STYLER_SPACING": "Margina i unutarnji razmak",
+  "LIVE_DEV_STYLER_LAYOUT": "Raspored",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil teksta",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pomakni traku na vrh",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pomakni traku na dno",
+  "LIVE_DEV_STYLER_RESET": "Poništi promjene",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nema promjena za poništavanje",
+  "LIVE_DEV_STYLER_MIXED": "Miješano",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strane se razlikuju — uredite svaku stranu zasebno",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pretraži fontove…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sustav",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na ovoj stranici",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Prilagođeno",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Koristi \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nema pronađenih fontova",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Učitaj više",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tanak",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lagan",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lagan",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normalan",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Srednji",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polu-podebljan",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Podebljano",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra podebljano",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Crna",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Visina retka",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Razmak među slovima",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Razmak među riječima",
+  "LIVE_DEV_STYLER_CASE": "Pisanje",
+  "LIVE_DEV_STYLER_BOLD": "Podebljano",
+  "LIVE_DEV_STYLER_ITALIC": "Kurziv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podcrtano",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Precrtano",
+  "LIVE_DEV_STYLER_NONE": "Nijedno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Velika slova",
+  "LIVE_DEV_STYLER_LOWERCASE": "Mala slova",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Veliko početno slovo",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Poravnaj lijevo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Poravnaj po sredini",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Poravnaj desno",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Obostrano poravnanje",
+  "LIVE_DEV_STYLER_CLEAR": "Očisti",
+  "LIVE_DEV_STYLER_RADIUS": "Polumjer",
+  "LIVE_DEV_STYLER_WIDTH": "Širina",
+  "LIVE_DEV_STYLER_COLOR": "Boja",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Puna",
+  "LIVE_DEV_STYLER_DASHED": "Crtkana",
+  "LIVE_DEV_STYLER_DOTTED": "Točkasta",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvostruka",
+  "LIVE_DEV_STYLER_OUTLINE": "Obris",
+  "LIVE_DEV_STYLER_OFFSET": "Pomak",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obrub i kontura",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Unutarnji razmak",
+  "LIVE_DEV_STYLER_MARGIN": "Margina",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Uredi sve strane zajedno",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Uredi strane odvojeno",
+  "LIVE_DEV_STYLER_LINK_NONE": "Odvojene strane - svaka strana ima svoju vrijednost",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Upareno - gornja i donja strana povezane, lijeva i desna povezane",
+  "LIVE_DEV_STYLER_LINK_ALL": "Sve strane povezane - jedna vrijednost za svaku stranu",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknite za promjenu načina povezivanja strana",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Sve",
+  "LIVE_DEV_STYLER_DISPLAY": "Prikaz",
+  "LIVE_DEV_STYLER_DIRECTION": "Smjer",
+  "LIVE_DEV_STYLER_JUSTIFY": "Poravnanje",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Poravnanje stavki",
+  "LIVE_DEV_STYLER_WRAP": "Prelamanje",
+  "LIVE_DEV_STYLER_GAP": "Razmak",
+  "LIVE_DEV_STYLER_COLUMNS": "Stupci",
+  "LIVE_DEV_STYLER_ROWS": "Redci",
+  "LIVE_DEV_STYLER_POSITION": "Pozicija",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Linijski",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Linijski blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Linijski flex",
+  "LIVE_DEV_STYLER_GRID": "Mreža",
+  "LIVE_DEV_STYLER_HIDDEN": "Skriveno",
+  "LIVE_DEV_STYLER_ROW": "Redak",
+  "LIVE_DEV_STYLER_COLUMN": "Stupac",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrnuti redak",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrnuti stupac",
+  "LIVE_DEV_STYLER_START": "Početak",
+  "LIVE_DEV_STYLER_CENTER": "Sredina",
+  "LIVE_DEV_STYLER_END": "Kraj",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Razmak između",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Razmak okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ravnomjerni razmak",
+  "LIVE_DEV_STYLER_STRETCH": "Rastegni",
+  "LIVE_DEV_STYLER_BASELINE": "Osnovna linija",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez prijeloma",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrnuti prijelom",
+  "LIVE_DEV_STYLER_STATIC": "Statično",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativno",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Apsolutno",
+  "LIVE_DEV_STYLER_STICKY": "Ljepljivo",
+  "LIVE_DEV_STYLER_FIXED": "Fiksno",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Spremi promjene na",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "U liniji",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "izravno na elementu",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Utječe na {0} na stranici",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novi stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novi stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasu „{0}” ovom elementu i sprema stil u {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dodjeljuje ovom elementu ID „{0}” i sprema stil u {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sprema stil u {0} - stilizira samo ovaj element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sprema stil u {0} - stilizira {1} elemenata na stranici",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Drugi element već ima taj ID - pokušajte umjesto toga s klasom",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ovo se ne podudara s odabranim elementom, stoga ga vaše izmjene neće promijeniti",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilovi poput „:hover” još se ne mogu ovdje uređivati uživo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To ne izgleda kao valjano ime stila - pokušajte s klasom poput .card ili ID-om poput #hero",
+  "LIVE_DEV_STYLER_CREATE": "Stvori",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "npr. .card ili #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Visina",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Veličina",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. širina",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. širina",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. visina",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. visina",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Prikaži min/maks ograničenja veličine",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sakrij ograničenja min/maks veličine",
+  "LIVE_DEV_STYLER_OPACITY": "Prozirnost",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Promijeni jedinicu - prebacuje između {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Povećaj {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Smanji {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Povećaj vrijednost",
+  "LIVE_DEV_STYLER_DECREASE": "Smanji vrijednost",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Odaberi boju sa stranice"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index 30712e54ed..220ab80209 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Hapus",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeri Gambar",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Opsi Lainnya",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Selesai",
+  "LIVE_DEV_STYLER_TOP": "Atas",
+  "LIVE_DEV_STYLER_RIGHT": "Kanan",
+  "LIVE_DEV_STYLER_BOTTOM": "Bawah",
+  "LIVE_DEV_STYLER_LEFT": "Kiri",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Potong",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Salin",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Tempel",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Cari elemen…",
   "LIVE_DEV_INSERT_COMMON": "Umum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Tidak ada elemen yang cocok",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Tampilkan lebih banyak",
   "LIVE_DEV_INSERT_SHOW_LESS": "Tampilkan lebih sedikit",
   "LIVE_DEV_INSERT_CREATE": "Buat",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Halaman Anda kosong — tambahkan elemen",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tambahkan elemen pertama Anda",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Ciutkan",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dua cara baru untuk mengedit",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Tambahkan elemen HTML baru",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edit tag, kelas, ID, dan atribut",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Tampilkan lebih banyak",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Halaman Anda kosong — tambahkan elemen",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Tambahkan elemen pertama Anda",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Ciutkan"
+  "LIVE_DEV_STYLER_BACKGROUND": "Warna latar belakang",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Warna teks",
+  "LIVE_DEV_STYLER_FONT": "Jenis font",
+  "LIVE_DEV_STYLER_SIZE": "Ukuran font",
+  "LIVE_DEV_STYLER_WEIGHT": "Ketebalan font",
+  "LIVE_DEV_STYLER_ALIGN": "Perataan teks",
+  "LIVE_DEV_STYLER_BORDER": "Garis tepi",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_LAYOUT": "Tata letak",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Gaya teks",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pindahkan bilah ke atas",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pindahkan bilah ke bawah",
+  "LIVE_DEV_STYLER_RESET": "Atur ulang perubahan",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Tidak ada perubahan untuk diatur ulang",
+  "LIVE_DEV_STYLER_MIXED": "Campuran",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sisi berbeda — sunting setiap sisi secara terpisah",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cari font…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Di halaman ini",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Kustom",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gunakan \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Tidak ada font yang ditemukan",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Muat lebih banyak",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tipis",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra Ringan",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ringan",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Reguler",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tebal",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Tebal",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sangat Tebal",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Tinggi baris",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Jarak huruf",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Jarak kata",
+  "LIVE_DEV_STYLER_CASE": "Kapitalisasi",
+  "LIVE_DEV_STYLER_BOLD": "Tebal",
+  "LIVE_DEV_STYLER_ITALIC": "Miring",
+  "LIVE_DEV_STYLER_UNDERLINE": "Garis bawah",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Coret",
+  "LIVE_DEV_STYLER_NONE": "Tidak ada",
+  "LIVE_DEV_STYLER_UPPERCASE": "Huruf besar",
+  "LIVE_DEV_STYLER_LOWERCASE": "Huruf kecil",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisasi",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Rata kiri",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Rata tengah",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rata kanan",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Rata kanan-kiri",
+  "LIVE_DEV_STYLER_CLEAR": "Hapus",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Lebar",
+  "LIVE_DEV_STYLER_COLOR": "Warna",
+  "LIVE_DEV_STYLER_STYLE": "Gaya",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Garis putus-putus",
+  "LIVE_DEV_STYLER_DOTTED": "Bertitik",
+  "LIVE_DEV_STYLER_DOUBLE": "Ganda",
+  "LIVE_DEV_STYLER_OUTLINE": "Garis Luar",
+  "LIVE_DEV_STYLER_OFFSET": "Ofset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Garis Tepi & Garis Luar",
+  "LIVE_DEV_STYLER_SIDE": "Sisi",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit semua sisi bersamaan",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sisi secara terpisah",
+  "LIVE_DEV_STYLER_LINK_NONE": "Sisi independen - setiap sisi memiliki nilainya sendiri",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Berpasangan - atas & bawah ditautkan, kiri & kanan ditautkan",
+  "LIVE_DEV_STYLER_LINK_ALL": "Semua sisi ditautkan - satu nilai untuk setiap sisi",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik untuk mengubah cara sisi ditautkan",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Semua",
+  "LIVE_DEV_STYLER_DISPLAY": "Tampilan",
+  "LIVE_DEV_STYLER_DIRECTION": "Arah",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Sejajarkan item",
+  "LIVE_DEV_STYLER_WRAP": "Bungkus",
+  "LIVE_DEV_STYLER_GAP": "Jarak",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolom",
+  "LIVE_DEV_STYLER_ROWS": "Baris",
+  "LIVE_DEV_STYLER_POSITION": "Posisi",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blok Inline",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Tersembunyi",
+  "LIVE_DEV_STYLER_ROW": "Baris",
+  "LIVE_DEV_STYLER_COLUMN": "Kolom",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Baris Terbalik",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom Terbalik",
+  "LIVE_DEV_STYLER_START": "Awal",
+  "LIVE_DEV_STYLER_CENTER": "Tengah",
+  "LIVE_DEV_STYLER_END": "Akhir",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spasi Di Antara",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spasi Di Sekitar",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spasi Merata",
+  "LIVE_DEV_STYLER_STRETCH": "Regangkan",
+  "LIVE_DEV_STYLER_BASELINE": "Garis Dasar",
+  "LIVE_DEV_STYLER_NO_WRAP": "Tanpa Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Terbalik",
+  "LIVE_DEV_STYLER_STATIC": "Statis",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatif",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Tetap",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Simpan perubahan ke",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "langsung pada elemen",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Memengaruhi {0} di halaman",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Gaya baru...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Gaya baru",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Menambahkan kelas \"{0}\" ke elemen ini dan menyimpan gaya di {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Memberikan id \"{0}\" pada elemen ini dan menyimpan gaya di {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Menyimpan gaya di {0} - hanya menata gaya elemen ini",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Menyimpan gaya di {0} - menata gaya {1} elemen di halaman",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Elemen lain sudah memiliki id tersebut - coba gunakan kelas",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ini tidak cocok dengan elemen yang dipilih, jadi editan Anda tidak akan mengubahnya",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Gaya seperti \":hover\" belum bisa diedit secara langsung di sini",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Itu sepertinya bukan nama gaya yang valid - coba kelas seperti .card atau id seperti #hero",
+  "LIVE_DEV_STYLER_CREATE": "Buat",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "cth. .card atau #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Tinggi",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Ukuran",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Lebar min",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Lebar maks",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Tinggi min",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Tinggi maks",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Tampilkan batas ukuran min / maks",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sembunyikan batas ukuran min / maks",
+  "LIVE_DEV_STYLER_OPACITY": "Opasitas",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ubah unit - beralih antara {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Tingkatkan {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Kurangi {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Tingkatkan nilai",
+  "LIVE_DEV_STYLER_DECREASE": "Kurangi nilai",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Ambil warna dari halaman"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index d44b238a55..641e3d2092 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Elimina",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galleria immagini",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Altre opzioni",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Fatto",
+  "LIVE_DEV_STYLER_TOP": "Superiore",
+  "LIVE_DEV_STYLER_RIGHT": "Destra",
+  "LIVE_DEV_STYLER_BOTTOM": "Inferiore",
+  "LIVE_DEV_STYLER_LEFT": "Sinistra",
+  "LIVE_DEV_STYLER_END": "Fine",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Taglia",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copia",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Incolla",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Cerca elementi…",
   "LIVE_DEV_INSERT_COMMON": "Comuni",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nessun elemento corrispondente",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostra altro",
   "LIVE_DEV_INSERT_SHOW_LESS": "Mostra meno",
   "LIVE_DEV_INSERT_CREATE": "Crea",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "La tua pagina è vuota — aggiungi un elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Aggiungi il tuo primo elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Comprimi",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Due nuovi modi per modificare",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Aggiungi nuovi elementi HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Modifica tag, classi, ID e attributi",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Mostra altro",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "La tua pagina è vuota — aggiungi un elemento",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Aggiungi il tuo primo elemento",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Comprimi"
+  "LIVE_DEV_STYLER_BACKGROUND": "Colore di sfondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Colore del testo",
+  "LIVE_DEV_STYLER_FONT": "Famiglia font",
+  "LIVE_DEV_STYLER_SIZE": "Dimensione font",
+  "LIVE_DEV_STYLER_WEIGHT": "Spessore font",
+  "LIVE_DEV_STYLER_ALIGN": "Allineamento del testo",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Margine e riempimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stile del testo",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Sposta barra in alto",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Sposta barra in basso",
+  "LIVE_DEV_STYLER_RESET": "Ripristina modifiche",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nessuna modifica da ripristinare",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Lati diversi: modifica ogni lato separatamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cerca font…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "In questa pagina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizzato",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usa \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nessun carattere trovato",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carica altro",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Sottile",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra leggero",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leggero",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normale",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrassetto",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Grassetto",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Grassetto",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Nero",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinea",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Spaziatura lettere",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Spaziatura parole",
+  "LIVE_DEV_STYLER_CASE": "Maiuscole/minuscole",
+  "LIVE_DEV_STYLER_BOLD": "Grassetto",
+  "LIVE_DEV_STYLER_ITALIC": "Corsivo",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sottolineato",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barrato",
+  "LIVE_DEV_STYLER_NONE": "Nessuno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiuscolo",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscolo",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Iniziali maiuscole",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Allinea a sinistra",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Allinea al centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Allinea a destra",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Giustifica",
+  "LIVE_DEV_STYLER_CLEAR": "Cancella",
+  "LIVE_DEV_STYLER_RADIUS": "Raggio",
+  "LIVE_DEV_STYLER_WIDTH": "Larghezza",
+  "LIVE_DEV_STYLER_COLOR": "Colore",
+  "LIVE_DEV_STYLER_STYLE": "Stile",
+  "LIVE_DEV_STYLER_SOLID": "Solido",
+  "LIVE_DEV_STYLER_DASHED": "Tratteggiato",
+  "LIVE_DEV_STYLER_DOTTED": "Punteggiato",
+  "LIVE_DEV_STYLER_DOUBLE": "Doppio",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Scostamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lato",
+  "LIVE_DEV_STYLER_PADDING": "Spaziatura interna",
+  "LIVE_DEV_STYLER_MARGIN": "Margine",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifica tutti i lati insieme",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifica i lati singolarmente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lati indipendenti - ogni lato ha il proprio valore",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Accoppiati - alto e basso collegati, sinistra e destra collegati",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tutti i lati collegati - un unico valore per tutti i lati",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Fai clic per modificare la modalità di collegamento dei lati",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tutti",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualizzazione",
+  "LIVE_DEV_STYLER_DIRECTION": "Direzione",
+  "LIVE_DEV_STYLER_JUSTIFY": "Giustificazione",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Allinea elementi",
+  "LIVE_DEV_STYLER_WRAP": "A capo",
+  "LIVE_DEV_STYLER_GAP": "Spaziatura",
+  "LIVE_DEV_STYLER_COLUMNS": "Colonne",
+  "LIVE_DEV_STYLER_ROWS": "Righe",
+  "LIVE_DEV_STYLER_POSITION": "Posizione",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blocco",
+  "LIVE_DEV_STYLER_INLINE": "In linea",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blocco in linea",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex in linea",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Nascosto",
+  "LIVE_DEV_STYLER_ROW": "Riga",
+  "LIVE_DEV_STYLER_COLUMN": "Colonna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Riga inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonna inversa",
+  "LIVE_DEV_STYLER_START": "Inizio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spazio tra",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spazio attorno",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spazio uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estendi",
+  "LIVE_DEV_STYLER_BASELINE": "Linea di base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nessun a capo",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "A capo inverso",
+  "LIVE_DEV_STYLER_STATIC": "Statico",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Assoluto",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fisso",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salva modifiche in",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "In linea",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direttamente sull'elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Influisce su {0} nella pagina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nuovo stile…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuovo stile",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Aggiunge la classe \"{0}\" a questo elemento e salva lo stile in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Assegna a questo elemento l'ID \"{0}\" e salva lo stile in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva lo stile in {0} - applica lo stile solo a questo elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva lo stile in {0} - applica lo stile a {1} elementi nella pagina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un altro elemento ha già quell'ID. Prova invece con una classe.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Questo non corrisponde all'elemento selezionato, quindi le tue modifiche non avranno effetto",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stili come \":hover\" non possono ancora essere modificati in tempo reale qui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Questo non sembra un nome di stile valido. Prova con una classe come .card o un ID come #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Crea",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "es. .card o #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altezza",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensioni",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Larghezza minima",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Larghezza massima",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altezza minima",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altezza massima",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostra limiti di dimensione min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Nascondi limiti di dimensione min/max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacità",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambia unità - passa tra {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumenta {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuisci {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumenta valore",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuisci valore",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maiusc + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleziona colore dalla pagina"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index 636a8e704a..c844616fb4 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "削除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "画像ギャラリー",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "その他のオプション",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "完了",
+  "LIVE_DEV_STYLER_CLEAR": "消去",
+  "LIVE_DEV_STYLER_TOP": "上",
+  "LIVE_DEV_STYLER_RIGHT": "右",
+  "LIVE_DEV_STYLER_BOTTOM": "下",
+  "LIVE_DEV_STYLER_LEFT": "左",
+  "LIVE_DEV_STYLER_END": "終了",
   "LIVE_DEV_MORE_OPTIONS_CUT": "カット",
   "LIVE_DEV_MORE_OPTIONS_COPY": "コピー",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "ペースト",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "要素を検索…",
   "LIVE_DEV_INSERT_COMMON": "一般",
   "LIVE_DEV_INSERT_NO_RESULTS": "一致する要素がありません",
+  "LIVE_DEV_INSERT_SHOW_MORE": "もっと見る",
   "LIVE_DEV_INSERT_SHOW_LESS": "折りたたむ",
   "LIVE_DEV_INSERT_CREATE": "作成",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "ページは空です — 要素を追加してください",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "最初の要素を追加",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折りたたむ",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "2つの新しい編集方法",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "新しいHTML要素を追加",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "タグ、クラス、ID、属性を編集",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "LIVE_DEV_INSERT_SHOW_MORE": "もっと見る",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "ページは空です — 要素を追加してください",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "最初の要素を追加",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折りたたむ"
+  "LIVE_DEV_STYLER_BACKGROUND": "背景色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文字色",
+  "LIVE_DEV_STYLER_FONT": "フォントファミリー",
+  "LIVE_DEV_STYLER_SIZE": "フォントサイズ",
+  "LIVE_DEV_STYLER_WEIGHT": "フォントの太さ",
+  "LIVE_DEV_STYLER_ALIGN": "文字揃え",
+  "LIVE_DEV_STYLER_BORDER": "ボーダー",
+  "LIVE_DEV_STYLER_SPACING": "マージンとパディング",
+  "LIVE_DEV_STYLER_LAYOUT": "レイアウト",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文字スタイル",
+  "LIVE_DEV_STYLER_DOCK_TOP": "バーを上部に移動",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "バーを下部に移動",
+  "LIVE_DEV_STYLER_RESET": "変更をリセット",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "リセットする変更はありません",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "側面で値が異なります — 各側面を個別に編集してください",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "フォントを検索…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "グーグル",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "システム",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "このページ",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "カスタム",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "「{0}」を使用",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "フォントが見つかりません",
+  "LIVE_DEV_STYLER_LOAD_MORE": "さらに読み込む",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "極細",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "エキストラライト",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細字",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中字",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "中太",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "太字",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "極太",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ブラック",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行の高さ",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "文字間隔",
+  "LIVE_DEV_STYLER_WORD_SPACING": "単語間隔",
+  "LIVE_DEV_STYLER_CASE": "大文字/小文字",
+  "LIVE_DEV_STYLER_BOLD": "太字",
+  "LIVE_DEV_STYLER_ITALIC": "斜体",
+  "LIVE_DEV_STYLER_UNDERLINE": "下線",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "取り消し線",
+  "LIVE_DEV_STYLER_NONE": "なし",
+  "LIVE_DEV_STYLER_UPPERCASE": "大文字",
+  "LIVE_DEV_STYLER_LOWERCASE": "小文字",
+  "LIVE_DEV_STYLER_CAPITALIZE": "キャピタライズ",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "左揃え",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "中央揃え",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右揃え",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "両端揃え",
+  "LIVE_DEV_STYLER_RADIUS": "半径",
+  "LIVE_DEV_STYLER_WIDTH": "幅",
+  "LIVE_DEV_STYLER_COLOR": "カラー",
+  "LIVE_DEV_STYLER_STYLE": "スタイル",
+  "LIVE_DEV_STYLER_SOLID": "実線",
+  "LIVE_DEV_STYLER_DASHED": "破線",
+  "LIVE_DEV_STYLER_DOTTED": "点線",
+  "LIVE_DEV_STYLER_DOUBLE": "二重線",
+  "LIVE_DEV_STYLER_OUTLINE": "アウトライン",
+  "LIVE_DEV_STYLER_OFFSET": "オフセット",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ボーダーとアウトライン",
+  "LIVE_DEV_STYLER_SIDE": "サイド",
+  "LIVE_DEV_STYLER_PADDING": "パディング",
+  "LIVE_DEV_STYLER_MARGIN": "マージン",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "全サイドをまとめて編集",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "各サイドを個別に編集",
+  "LIVE_DEV_STYLER_LINK_NONE": "個別 - 各サイドが固有の値を持ちます",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "ペア - 上下、左右が連動",
+  "LIVE_DEV_STYLER_LINK_ALL": "全サイド連動 - すべてのサイドで同じ値を使用",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "クリックしてサイドの連動方法を切り替え",
+  "LIVE_DEV_STYLER_ALL_SIDES": "すべて",
+  "LIVE_DEV_STYLER_DISPLAY": "表示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "行揃え",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "アイテムの配置",
+  "LIVE_DEV_STYLER_WRAP": "折り返し",
+  "LIVE_DEV_STYLER_GAP": "ギャップ",
+  "LIVE_DEV_STYLER_COLUMNS": "カラム",
+  "LIVE_DEV_STYLER_ROWS": "行",
+  "LIVE_DEV_STYLER_POSITION": "配置",
+  "LIVE_DEV_STYLER_Z_INDEX": "Zインデックス",
+  "LIVE_DEV_STYLER_BLOCK": "ブロック",
+  "LIVE_DEV_STYLER_INLINE": "インライン",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "インラインブロック",
+  "LIVE_DEV_STYLER_FLEX": "フレックス",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "インラインフレックス",
+  "LIVE_DEV_STYLER_GRID": "グリッド",
+  "LIVE_DEV_STYLER_HIDDEN": "非表示",
+  "LIVE_DEV_STYLER_ROW": "行",
+  "LIVE_DEV_STYLER_COLUMN": "列",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "行（逆順）",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列の逆順",
+  "LIVE_DEV_STYLER_START": "先頭",
+  "LIVE_DEV_STYLER_CENTER": "中央",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "両端揃え",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "均等配置",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "均等間隔",
+  "LIVE_DEV_STYLER_STRETCH": "引き伸ばし",
+  "LIVE_DEV_STYLER_BASELINE": "ベースライン",
+  "LIVE_DEV_STYLER_NO_WRAP": "折り返しなし",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "折り返し（逆順）",
+  "LIVE_DEV_STYLER_STATIC": "スタティック",
+  "LIVE_DEV_STYLER_RELATIVE": "リラティブ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "アブソリュート",
+  "LIVE_DEV_STYLER_STICKY": "スティッキー",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "変更の適用先",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "インライン",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "要素に直接",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ページ内の{0}に影響",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新規スタイル…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新しいスタイル",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "この要素にクラス「{0}」を追加し、スタイルを {1} に保存します",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "この要素に ID「{0}」を付与し、スタイルを {1} に保存します",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "スタイルを {0} に保存します - この要素のみにスタイルが適用されます",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "スタイルを {0} に保存します - ページ上の {1} 個の要素にスタイルが適用されます",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "別の要素がすでにその ID を使用しています - 代わりにクラスを使用してください",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "これは選択された要素と一致しないため、編集内容は反映されません",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "「:hover」のようなスタイルは、ここではまだライブ編集できません",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "有効なスタイル名ではないようです - 「.card」のようなクラスや「#hero」のような ID をお試しください",
+  "LIVE_DEV_STYLER_CREATE": "作成",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例：.card または #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高さ",
+  "LIVE_DEV_STYLER_SIZE_TAB": "サイズ",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小幅",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大幅",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小の高さ",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大の高さ",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "最小/最大サイズ制限を表示",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "最小/最大サイズ制限を非表示",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "単位の切り替え: {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0}を増加",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0}を減少",
+  "LIVE_DEV_STYLER_INCREASE": "値を増加",
+  "LIVE_DEV_STYLER_DECREASE": "値を減少",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + クリック: 10倍",
+  "LIVE_DEV_STYLER_EYEDROPPER": "ページから色を選択"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index d36b681d19..f1a10a40d9 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "삭제",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "이미지 갤러리",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "추가 옵션",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "완료",
+  "LIVE_DEV_STYLER_TOP": "위",
+  "LIVE_DEV_STYLER_RIGHT": "오른쪽",
+  "LIVE_DEV_STYLER_BOTTOM": "아래",
+  "LIVE_DEV_STYLER_LEFT": "왼쪽",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "오려두기",
   "LIVE_DEV_MORE_OPTIONS_COPY": "복사하기",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "붙여넣기",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "요소 검색…",
   "LIVE_DEV_INSERT_COMMON": "일반",
   "LIVE_DEV_INSERT_NO_RESULTS": "일치하는 요소 없음",
+  "LIVE_DEV_INSERT_SHOW_MORE": "더 보기",
   "LIVE_DEV_INSERT_SHOW_LESS": "간략히 보기",
   "LIVE_DEV_INSERT_CREATE": "생성",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "페이지가 비어 있습니다 — 요소를 추가하세요",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "첫 요소 추가",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "접기",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "두 가지 새로운 편집 방법",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "새로운 HTML 요소 추가",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "태그, 클래스, 아이디 및 속성 편집",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "LIVE_DEV_INSERT_SHOW_MORE": "더 보기",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "페이지가 비어 있습니다 — 요소를 추가하세요",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "첫 요소 추가",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "접기"
+  "LIVE_DEV_STYLER_BACKGROUND": "배경색",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "텍스트 색상",
+  "LIVE_DEV_STYLER_FONT": "글꼴",
+  "LIVE_DEV_STYLER_SIZE": "글꼴 크기",
+  "LIVE_DEV_STYLER_WEIGHT": "글꼴 두께",
+  "LIVE_DEV_STYLER_ALIGN": "텍스트 정렬",
+  "LIVE_DEV_STYLER_BORDER": "테두리",
+  "LIVE_DEV_STYLER_SPACING": "마진 및 패딩",
+  "LIVE_DEV_STYLER_LAYOUT": "레이아웃",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "텍스트 스타일",
+  "LIVE_DEV_STYLER_DOCK_TOP": "상단으로 이동",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "하단으로 이동",
+  "LIVE_DEV_STYLER_RESET": "변경 사항 초기화",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "초기화할 변경 사항이 없습니다",
+  "LIVE_DEV_STYLER_MIXED": "혼합",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "측면 값이 다릅니다 — 각 측면을 개별적으로 편집하세요",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "글꼴 검색…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "구글",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "시스템",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "현재 페이지",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "사용자 지정",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" 사용",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "글꼴을 찾을 수 없습니다",
+  "LIVE_DEV_STYLER_LOAD_MORE": "더 불러오기",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "얇은",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "아주 얇은",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "가는",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "보통",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "중간",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "준굵은",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "굵게",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "아주 굵게",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "블랙",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "줄 간격",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "글자 간격",
+  "LIVE_DEV_STYLER_WORD_SPACING": "단어 간격",
+  "LIVE_DEV_STYLER_CASE": "대소문자",
+  "LIVE_DEV_STYLER_BOLD": "굵게",
+  "LIVE_DEV_STYLER_ITALIC": "기울임꼴",
+  "LIVE_DEV_STYLER_UNDERLINE": "밑줄",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "취소선",
+  "LIVE_DEV_STYLER_NONE": "없음",
+  "LIVE_DEV_STYLER_UPPERCASE": "대문자",
+  "LIVE_DEV_STYLER_LOWERCASE": "소문자",
+  "LIVE_DEV_STYLER_CAPITALIZE": "첫 글자 대문자",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "왼쪽 정렬",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "가운데 정렬",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "오른쪽 정렬",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "양쪽 정렬",
+  "LIVE_DEV_STYLER_CLEAR": "지우기",
+  "LIVE_DEV_STYLER_RADIUS": "반경",
+  "LIVE_DEV_STYLER_WIDTH": "너비",
+  "LIVE_DEV_STYLER_COLOR": "색상",
+  "LIVE_DEV_STYLER_STYLE": "스타일",
+  "LIVE_DEV_STYLER_SOLID": "실선",
+  "LIVE_DEV_STYLER_DASHED": "파선",
+  "LIVE_DEV_STYLER_DOTTED": "점선",
+  "LIVE_DEV_STYLER_DOUBLE": "이중선",
+  "LIVE_DEV_STYLER_OUTLINE": "외곽선",
+  "LIVE_DEV_STYLER_OFFSET": "오프셋",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "테두리 및 윤곽선",
+  "LIVE_DEV_STYLER_SIDE": "면",
+  "LIVE_DEV_STYLER_PADDING": "패딩",
+  "LIVE_DEV_STYLER_MARGIN": "마진",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "모든 면 함께 편집",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "각 면 개별 편집",
+  "LIVE_DEV_STYLER_LINK_NONE": "독립된 면 - 각 면이 고유한 값을 가짐",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "쌍으로 연결 - 상하 연결, 좌우 연결",
+  "LIVE_DEV_STYLER_LINK_ALL": "모든 면 연결 - 모든 면에 하나의 값 적용",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "클릭하여 면 연결 방식 변경",
+  "LIVE_DEV_STYLER_ALL_SIDES": "모두",
+  "LIVE_DEV_STYLER_DISPLAY": "디스플레이",
+  "LIVE_DEV_STYLER_DIRECTION": "방향",
+  "LIVE_DEV_STYLER_JUSTIFY": "정렬",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "항목 정렬",
+  "LIVE_DEV_STYLER_WRAP": "줄 바꿈",
+  "LIVE_DEV_STYLER_GAP": "간격",
+  "LIVE_DEV_STYLER_COLUMNS": "열",
+  "LIVE_DEV_STYLER_ROWS": "행",
+  "LIVE_DEV_STYLER_POSITION": "위치",
+  "LIVE_DEV_STYLER_Z_INDEX": "제트 인덱스",
+  "LIVE_DEV_STYLER_BLOCK": "블록",
+  "LIVE_DEV_STYLER_INLINE": "인라인",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "인라인 블록",
+  "LIVE_DEV_STYLER_FLEX": "플렉스",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "인라인 플렉스",
+  "LIVE_DEV_STYLER_GRID": "그리드",
+  "LIVE_DEV_STYLER_HIDDEN": "숨김",
+  "LIVE_DEV_STYLER_ROW": "로우",
+  "LIVE_DEV_STYLER_COLUMN": "컬럼",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "행 역순",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "열 역순",
+  "LIVE_DEV_STYLER_START": "시작",
+  "LIVE_DEV_STYLER_CENTER": "중앙",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "사이 간격",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "주위 간격",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "균등 간격",
+  "LIVE_DEV_STYLER_STRETCH": "늘리기",
+  "LIVE_DEV_STYLER_BASELINE": "기준선",
+  "LIVE_DEV_STYLER_NO_WRAP": "줄 바꿈 안 함",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "역방향 줄 바꿈",
+  "LIVE_DEV_STYLER_STATIC": "정적",
+  "LIVE_DEV_STYLER_RELATIVE": "상대",
+  "LIVE_DEV_STYLER_ABSOLUTE": "절대",
+  "LIVE_DEV_STYLER_STICKY": "스티키",
+  "LIVE_DEV_STYLER_FIXED": "고정",
+  "LIVE_DEV_STYLER_APPLIES_TO": "적용 대상",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "인라인",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "요소에 직접",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "페이지의 {0}에 적용됨",
+  "LIVE_DEV_STYLER_NEW_STYLE": "새 스타일…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "새 스타일",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "이 요소에 \"{0}\" 클래스를 추가하고 {1}에 스타일을 저장합니다",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "이 요소에 \"{0}\" 아이디를 지정하고 {1}에 스타일을 저장합니다",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}에 스타일을 저장합니다 - 이 요소에만 스타일을 적용합니다",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}에 스타일을 저장합니다 - 페이지의 {1}개 요소에 스타일을 적용합니다",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "다른 요소에 이미 해당 아이디가 있습니다 - 대신 클래스를 사용해 보세요",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "이것은 선택된 요소와 일치하지 않으므로 편집해도 변경되지 않습니다",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\"와 같은 스타일은 아직 여기에서 실시간으로 편집할 수 없습니다",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "유효한 스타일 이름이 아닌 것 같습니다 - .card와 같은 클래스나 #hero와 같은 아이디를 사용해 보세요",
+  "LIVE_DEV_STYLER_CREATE": "만들기",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "예: .card 또는 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "높이",
+  "LIVE_DEV_STYLER_SIZE_TAB": "크기",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "최소 너비",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "최대 너비",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "최소 높이",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "최대 높이",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "최소/최대 크기 제한 표시",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "최소/최대 크기 제한 숨기기",
+  "LIVE_DEV_STYLER_OPACITY": "불투명도",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "단위 변경 - {0} 간에 전환",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} 증가",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} 감소",
+  "LIVE_DEV_STYLER_INCREASE": "값 증가",
+  "LIVE_DEV_STYLER_DECREASE": "값 감소",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 클릭: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "페이지에서 색상 선택"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index 953ff208fc..adb878a117 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Dzēst",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Attēlu galerija",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Vairāk opciju",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Darīts",
+  "LIVE_DEV_STYLER_TOP": "Augša",
+  "LIVE_DEV_STYLER_RIGHT": "Pa labi",
+  "LIVE_DEV_STYLER_BOTTOM": "Apakša",
+  "LIVE_DEV_STYLER_LEFT": "Pa kreisi",
+  "LIVE_DEV_STYLER_END": "Beigvietas taustiņš \"End\"",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Izgriezt",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopēt",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Ielīmēt",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Meklēt elementus…",
   "LIVE_DEV_INSERT_COMMON": "Biežāk lietotie",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nav atbilstošu elementu",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Rādīt vairāk",
   "LIVE_DEV_INSERT_SHOW_LESS": "Rādīt mazāk",
   "LIVE_DEV_INSERT_CREATE": "Izveidot",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Jūsu lapa ir tukša — pievienojiet elementu",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pievienojiet savu pirmo elementu",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sakļaut",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Divi jauni veidi, kā rediģēt",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Pievienojiet jaunus HTML elementus",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Rediģējiet tagu, klases, ID un atribūtus",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Rādīt vairāk",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Jūsu lapa ir tukša — pievienojiet elementu",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pievienojiet savu pirmo elementu",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Sakļaut"
+  "LIVE_DEV_STYLER_BACKGROUND": "Fona krāsa",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Teksta krāsa",
+  "LIVE_DEV_STYLER_FONT": "Burtveidols",
+  "LIVE_DEV_STYLER_SIZE": "Fonta izmērs",
+  "LIVE_DEV_STYLER_WEIGHT": "Fonta svars",
+  "LIVE_DEV_STYLER_ALIGN": "Teksta līdzinājums",
+  "LIVE_DEV_STYLER_BORDER": "Apmale",
+  "LIVE_DEV_STYLER_SPACING": "Atkāpes un polsterējums",
+  "LIVE_DEV_STYLER_LAYOUT": "Izkārtojums",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Teksta stils",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pārvietot joslu uz augšu",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pārvietot joslu uz leju",
+  "LIVE_DEV_STYLER_RESET": "Atiestatīt izmaiņas",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nav izmaiņu, ko atiestatīt",
+  "LIVE_DEV_STYLER_MIXED": "Jaukts",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Malas atšķiras — rediģējiet katru malu atsevišķi",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Meklēt fontus…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistēmas",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Šajā lapā",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Pielāgots",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Lietot \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Fonti nav atrasti",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Ielādēt vairāk",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Plāns",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Īpaši viegls",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Viegls",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regulārs",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Vidējs",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Pustrekns",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Trekns",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Īpaši trekns",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Melns",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rindas augstums",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Retinājums",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Atstarpe starp vārdiem",
+  "LIVE_DEV_STYLER_CASE": "Reģistrs",
+  "LIVE_DEV_STYLER_BOLD": "Trekns",
+  "LIVE_DEV_STYLER_ITALIC": "Kursīvs",
+  "LIVE_DEV_STYLER_UNDERLINE": "Pasvītrojums",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Pārsvītrots",
+  "LIVE_DEV_STYLER_NONE": "Nav",
+  "LIVE_DEV_STYLER_UPPERCASE": "Lielie burti",
+  "LIVE_DEV_STYLER_LOWERCASE": "Mazie burti",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Lielais sākumburts",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Līdzināt pa kreisi",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Līdzināt centrā",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Līdzināt pa labi",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Izlīdzināt",
+  "LIVE_DEV_STYLER_CLEAR": "Notīrīt",
+  "LIVE_DEV_STYLER_RADIUS": "Rādiuss",
+  "LIVE_DEV_STYLER_WIDTH": "Platums",
+  "LIVE_DEV_STYLER_COLOR": "Krāsa",
+  "LIVE_DEV_STYLER_STYLE": "Stils",
+  "LIVE_DEV_STYLER_SOLID": "Vienlaidus",
+  "LIVE_DEV_STYLER_DASHED": "Pārtraukts",
+  "LIVE_DEV_STYLER_DOTTED": "Punktēts",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubults",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontūra",
+  "LIVE_DEV_STYLER_OFFSET": "Nobīde",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Apmale & kontūra",
+  "LIVE_DEV_STYLER_SIDE": "Mala",
+  "LIVE_DEV_STYLER_PADDING": "Iekšējā atkāpe",
+  "LIVE_DEV_STYLER_MARGIN": "Ārējā atkāpe",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediģēt visas malas kopā",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediģēt malas atsevišķi",
+  "LIVE_DEV_STYLER_LINK_NONE": "Atsevišķas malas - katrai malai ir sava vērtība",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Pāros - augša & apakša saistītas, kreisā & labā saistītas",
+  "LIVE_DEV_STYLER_LINK_ALL": "Visas malas saistītas - viena vērtība visām malām",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Noklikšķiniet, lai mainītu malu saistīšanas veidu",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Visi",
+  "LIVE_DEV_STYLER_DISPLAY": "Attēlojums",
+  "LIVE_DEV_STYLER_DIRECTION": "Virziens",
+  "LIVE_DEV_STYLER_JUSTIFY": "Izvietojums",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elementu līdzināšana",
+  "LIVE_DEV_STYLER_WRAP": "Pārnešana",
+  "LIVE_DEV_STYLER_GAP": "Atstarpe",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonnas",
+  "LIVE_DEV_STYLER_ROWS": "Rindas",
+  "LIVE_DEV_STYLER_POSITION": "Pozīcija",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indekss",
+  "LIVE_DEV_STYLER_BLOCK": "Bloks",
+  "LIVE_DEV_STYLER_INLINE": "Iekšrinda",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Iekšrindas bloks",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Iekšrindas flex",
+  "LIVE_DEV_STYLER_GRID": "Režģis",
+  "LIVE_DEV_STYLER_HIDDEN": "Paslēpts",
+  "LIVE_DEV_STYLER_ROW": "Rinda",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Apgriezta rinda",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Apgriezta kolonna",
+  "LIVE_DEV_STYLER_START": "Sākums",
+  "LIVE_DEV_STYLER_CENTER": "Centrs",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Atstarpes starp",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Atstarpes apkārt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Vienmērīgas atstarpes",
+  "LIVE_DEV_STYLER_STRETCH": "Izstiept",
+  "LIVE_DEV_STYLER_BASELINE": "Pamatlīnija",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez aplaušanas",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Aplauzt apgriezti",
+  "LIVE_DEV_STYLER_STATIC": "Statisks",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatīvs",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolūts",
+  "LIVE_DEV_STYLER_STICKY": "Pielīpošs",
+  "LIVE_DEV_STYLER_FIXED": "Fiksēts",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Saglabāt izmaiņas:",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Iekļauts",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "tieši elementā",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ietekmē {0} lapā",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Jauns stils…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Jauns stils",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pievieno klasi “{0}” šim elementam un saglabā stilu {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Piešķir šim elementam ID “{0}” un saglabā stilu {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saglabā stilu {0} – stilizē tikai šo elementu",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saglabā stilu {0} – stilizē {1} elementus lapā",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Citam elementam jau ir šāds ID – tā vietā pamēģiniet klasi",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Šis neatbilst atlasītajam elementam, tāpēc jūsu labojumi to neietekmēs",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilus, piemēram, “:hover”, šeit vēl nevar rediģēt reāllaikā",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tas neizskatās pēc derīga stila nosaukuma – pamēģiniet klasi, piemēram, .card, vai ID, piemēram, #hero",
+  "LIVE_DEV_STYLER_CREATE": "Izveidot",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "piem., .card vai #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Augstums",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Izmērs",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. platums",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. platums",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. augstums",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. augstums",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Rādīt min./maks. izmēra ierobežojumus",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Slēpt min./maks. izmēra ierobežojumus",
+  "LIVE_DEV_STYLER_OPACITY": "Caurspīdīgums",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mainīt mērvienību - pārslēdz starp {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Palielināt {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Samazināt {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Palielināt vērtību",
+  "LIVE_DEV_STYLER_DECREASE": "Samazināt vērtību",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klikšķis: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Izvēlēties krāsu no lapas"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index b1de79779a..598a5f1cc4 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "എലമെന്റുകൾക്കായി തിരയുക…",
   "LIVE_DEV_INSERT_COMMON": "സാധാരണം",
   "LIVE_DEV_INSERT_NO_RESULTS": "യോജിക്കുന്ന എലമെന്റുകൾ ഇല്ല",
+  "LIVE_DEV_INSERT_SHOW_MORE": "കൂടുതൽ കാണിക്കുക",
   "LIVE_DEV_INSERT_SHOW_LESS": "ചുരുക്കുക",
   "LIVE_DEV_INSERT_CREATE": "സൃഷ്ടിക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "നിങ്ങളുടെ പേജ് ശൂന്യമാണ് — ഒരു ഘടകം ചേർക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "നിങ്ങളുടെ ആദ്യ ഘടകം ചേർക്കുക",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "ചുരുക്കുക",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "എഡിറ്റുചെയ്യാൻ രണ്ട് പുതിയ വഴികൾ",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "പുതിയ HTML എലമെന്റുകൾ ചേർക്കുക",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "ടാഗ്, ക്ലാസുകൾ, ഐഡി, ആട്രിബ്യൂട്ടുകൾ എന്നിവ എഡിറ്റുചെയ്യുക",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "LIVE_DEV_INSERT_SHOW_MORE": "കൂടുതൽ കാണിക്കുക",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "നിങ്ങളുടെ പേജ് ശൂന്യമാണ് — ഒരു ഘടകം ചേർക്കുക",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "നിങ്ങളുടെ ആദ്യ ഘടകം ചേർക്കുക",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "ചുരുക്കുക"
+  "LIVE_DEV_STYLER_BACKGROUND": "പശ്ചാത്തല നിറം",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "ടെക്സ്റ്റ് നിറം",
+  "LIVE_DEV_STYLER_FONT": "ഫോണ്ട് ഫാമിലി",
+  "LIVE_DEV_STYLER_SIZE": "ഫോണ്ട് വലുപ്പം",
+  "LIVE_DEV_STYLER_WEIGHT": "ഫോണ്ട് വെയിറ്റ്",
+  "LIVE_DEV_STYLER_ALIGN": "ടെക്സ്റ്റ് അലൈൻമെൻ്റ്",
+  "LIVE_DEV_STYLER_BORDER": "ബോർഡർ",
+  "LIVE_DEV_STYLER_SPACING": "മാർജിൻ & പാഡിംഗ്",
+  "LIVE_DEV_STYLER_LAYOUT": "ലേഔട്ട്",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "ടെക്സ്റ്റ് ശൈലി",
+  "LIVE_DEV_STYLER_DOCK_TOP": "ബാർ മുകളിലേക്ക് മാറ്റുക",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "ബാർ താഴേക്ക് മാറ്റുക",
+  "LIVE_DEV_STYLER_RESET": "മാറ്റങ്ങൾ റീസെറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "റീസെറ്റ് ചെയ്യാൻ മാറ്റങ്ങളൊന്നും ഇല്ല",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "പൂർത്തിയായി",
+  "LIVE_DEV_STYLER_MIXED": "സമ്മിശ്രം",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "വശങ്ങൾ വ്യത്യസ്തമാണ് — ഓരോ വശവും വെവ്വേറെ എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "ഫോണ്ടുകൾ തിരയുക…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "ഗൂഗിൾ",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "സിസ്റ്റം",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "ഈ പേജിൽ",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "കസ്റ്റം",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" ഉപയോഗിക്കുക",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "ഫോണ്ടുകളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLER_LOAD_MORE": "കൂടുതൽ ലോഡ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "നേർത്തത്",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "അതി ലഘു",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ലഘു",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "സാധാരണ",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "മീഡിയം",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "സെമിബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "ബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "എക്സ്ട്രാ ബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ബ്ലാക്ക്",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "വരിയുടെ ഉയരം",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "അക്ഷരങ്ങൾ തമ്മിലുള്ള അകലം",
+  "LIVE_DEV_STYLER_WORD_SPACING": "വാക്കുകൾ തമ്മിലുള്ള അകലം",
+  "LIVE_DEV_STYLER_CASE": "കേസ്",
+  "LIVE_DEV_STYLER_BOLD": "ബോൾഡ്",
+  "LIVE_DEV_STYLER_ITALIC": "ഇറ്റാലിക്",
+  "LIVE_DEV_STYLER_UNDERLINE": "അടിവര",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "വെട്ടിവര",
+  "LIVE_DEV_STYLER_NONE": "ഒന്നുമില്ല",
+  "LIVE_DEV_STYLER_UPPERCASE": "വലിയക്ഷരം",
+  "LIVE_DEV_STYLER_LOWERCASE": "ചെറിയക്ഷരം",
+  "LIVE_DEV_STYLER_CAPITALIZE": "ക്യാപിറ്റലൈസ്",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "ഇടത്തോട്ട് നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "മധ്യത്തിൽ നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "വലത്തോട്ട് നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ഇരുവശവും നിരത്തുക",
+  "LIVE_DEV_STYLER_CLEAR": "മായ്ക്കുക",
+  "LIVE_DEV_STYLER_RADIUS": "റേഡിയസ്",
+  "LIVE_DEV_STYLER_WIDTH": "വീതി",
+  "LIVE_DEV_STYLER_COLOR": "നിറം",
+  "LIVE_DEV_STYLER_STYLE": "ശൈലി",
+  "LIVE_DEV_STYLER_SOLID": "സോളിഡ്",
+  "LIVE_DEV_STYLER_DASHED": "ഡാഷ്ഡ്",
+  "LIVE_DEV_STYLER_DOTTED": "ഡോട്ടഡ്",
+  "LIVE_DEV_STYLER_DOUBLE": "ഇരട്ട",
+  "LIVE_DEV_STYLER_OUTLINE": "ഔട്ട്ലൈൻ",
+  "LIVE_DEV_STYLER_OFFSET": "ഓഫ്‌സെറ്റ്",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ബോർഡറും ഔട്ട്‌ലൈനും",
+  "LIVE_DEV_STYLER_SIDE": "വശം",
+  "LIVE_DEV_STYLER_PADDING": "പാഡിംഗ്",
+  "LIVE_DEV_STYLER_MARGIN": "മാർജിൻ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "എല്ലാ വശങ്ങളും ഒരുമിച്ച് എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "വശങ്ങൾ വെവ്വേറെയായി എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_LINK_NONE": "സ്വതന്ത്രമായ വശങ്ങൾ - ഓരോ വശത്തിനും അതിൻ്റേതായ മൂല്യമുണ്ട്",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "ജോടിയാക്കിയത് - മുകളും താഴെയും, ഇടതും വലതും ലിങ്ക് ചെയ്തിരിക്കുന്നു",
+  "LIVE_DEV_STYLER_LINK_ALL": "എല്ലാ വശങ്ങളും ലിങ്ക് ചെയ്തത് - എല്ലാ വശങ്ങൾക്കും ഒരൊറ്റ മൂല്യം",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "വശങ്ങൾ എങ്ങനെ ബന്ധിപ്പിച്ചിരിക്കുന്നു എന്ന് മാറ്റാൻ ക്ലിക്ക് ചെയ്യുക",
+  "LIVE_DEV_STYLER_ALL_SIDES": "എല്ലാം",
+  "LIVE_DEV_STYLER_TOP": "മുകൾ",
+  "LIVE_DEV_STYLER_RIGHT": "വലത്",
+  "LIVE_DEV_STYLER_BOTTOM": "താഴെ",
+  "LIVE_DEV_STYLER_LEFT": "ഇടത്",
+  "LIVE_DEV_STYLER_DISPLAY": "ഡിസ്‌പ്ലേ",
+  "LIVE_DEV_STYLER_DIRECTION": "ദിശ",
+  "LIVE_DEV_STYLER_JUSTIFY": "ജസ്റ്റിഫൈ",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "അലൈൻ ഐറ്റംസ്",
+  "LIVE_DEV_STYLER_WRAP": "ചുറ്റുക",
+  "LIVE_DEV_STYLER_GAP": "വിടവ്",
+  "LIVE_DEV_STYLER_COLUMNS": "നിരകൾ",
+  "LIVE_DEV_STYLER_ROWS": "വരികൾ",
+  "LIVE_DEV_STYLER_POSITION": "സ്ഥാനം",
+  "LIVE_DEV_STYLER_Z_INDEX": "ഇസഡ്-ഇൻഡെക്സ്",
+  "LIVE_DEV_STYLER_BLOCK": "ബ്ലോക്ക്",
+  "LIVE_DEV_STYLER_INLINE": "ഇൻലൈൻ",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "ഇൻലൈൻ ബ്ലോക്ക്",
+  "LIVE_DEV_STYLER_FLEX": "ഫ്ലെക്സ്",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "ഇൻലൈൻ ഫ്ലെക്സ്",
+  "LIVE_DEV_STYLER_GRID": "ഗ്രിഡ്",
+  "LIVE_DEV_STYLER_HIDDEN": "മറച്ചത്",
+  "LIVE_DEV_STYLER_ROW": "വരി",
+  "LIVE_DEV_STYLER_COLUMN": "കോളം",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "വരി വിപരീതം",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "കോളം വിപരീതം",
+  "LIVE_DEV_STYLER_START": "തുടക്കം",
+  "LIVE_DEV_STYLER_CENTER": "മധ്യം",
+  "LIVE_DEV_STYLER_END": "അവസാനം",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "ഇടയിൽ സ്ഥലം",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "ചുറ്റും സ്ഥലം",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "തുല്യമായി സ്ഥലം",
+  "LIVE_DEV_STYLER_STRETCH": "വലിച്ചുനീട്ടുക",
+  "LIVE_DEV_STYLER_BASELINE": "ബേസ്‌ലൈൻ",
+  "LIVE_DEV_STYLER_NO_WRAP": "റാപ്പ് ചെയ്യരുത്",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "വിപരീതമായി റാപ്പ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_STATIC": "സ്റ്റാറ്റിക്",
+  "LIVE_DEV_STYLER_RELATIVE": "റിലേറ്റീവ്",
+  "LIVE_DEV_STYLER_ABSOLUTE": "അബ്സൊല്യൂട്ട്",
+  "LIVE_DEV_STYLER_STICKY": "ഒട്ടിച്ചുവെച്ചത്",
+  "LIVE_DEV_STYLER_FIXED": "സ്ഥിരം",
+  "LIVE_DEV_STYLER_APPLIES_TO": "മാറ്റങ്ങൾ ഇതിലേക്ക് സംരക്ഷിക്കുക",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "നേരിട്ട്",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "എലമെന്റിൽ നേരിട്ട്",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "പേജിലെ {0} എണ്ണത്തെ ബാധിക്കുന്നു",
+  "LIVE_DEV_STYLER_NEW_STYLE": "പുതിയ സ്റ്റൈൽ...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "പുതിയ സ്റ്റൈൽ",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "ഈ എലമെന്റിലേക്ക് \"{0}\" എന്ന ക്ലാസ് ചേർക്കുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "ഈ എലമെന്റിന് \"{0}\" എന്ന ഐഡി നൽകുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - ഈ എലമെന്റിന് മാത്രം സ്റ്റൈൽ നൽകുന്നു",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - പേജിലെ {1} എലമെന്റുകൾക്ക് സ്റ്റൈൽ നൽകുന്നു",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "മറ്റൊരു എലമെന്റിന് ഇതിനകം ആ ഐഡി ഉണ്ട് - പകരം ഒരു ക്ലാസ്സ് ശ്രമിക്കുക",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "ഇത് തിരഞ്ഞെടുത്ത എലമെന്റുമായി പൊരുത്തപ്പെടുന്നില്ല, അതിനാൽ നിങ്ങളുടെ എഡിറ്റുകൾ അതിൽ മാറ്റം വരുത്തില്ല",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" പോലുള്ള സ്റ്റൈലുകൾ ഇവിടെ തത്സമയം എഡിറ്റ് ചെയ്യാൻ ഇപ്പോൾ സാധിക്കില്ല",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "അതൊരു ശരിയായ സ്റ്റൈൽ നാമമായി തോന്നുന്നില്ല - .card പോലുള്ള ഒരു ക്ലാസ്സോ #hero പോലുള്ള ഒരു ഐഡിയോ ശ്രമിക്കുക",
+  "LIVE_DEV_STYLER_CREATE": "സൃഷ്ടിക്കുക",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ഉദാ. .card അല്ലെങ്കിൽ #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ഉയരം",
+  "LIVE_DEV_STYLER_SIZE_TAB": "വലിപ്പം",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "കുറഞ്ഞ വീതി",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "പരമാവധി വീതി",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "കുറഞ്ഞ ഉയരം",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "പരമാവധി ഉയരം",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ കാണിക്കുക",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ മറയ്ക്കുക",
+  "LIVE_DEV_STYLER_OPACITY": "അതാര്യത",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "യൂണിറ്റ് മാറ്റുക - {0} ഇവ തമ്മിൽ മാറുന്നു",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} വർദ്ധിപ്പിക്കുക",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} കുറയ്ക്കുക",
+  "LIVE_DEV_STYLER_INCREASE": "മൂല്യം വർദ്ധിപ്പിക്കുക",
+  "LIVE_DEV_STYLER_DECREASE": "മൂല്യം കുറയ്ക്കുക",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + ക്ലിക്ക്: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "പേജിൽ നിന്ന് നിറം തിരഞ്ഞെടുക്കുക"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index ffa8706b7b..144baacf53 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Søk etter elementer…",
   "LIVE_DEV_INSERT_COMMON": "Vanlige",
   "LIVE_DEV_INSERT_NO_RESULTS": "Ingen samsvarende elementer",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mer",
   "LIVE_DEV_INSERT_SHOW_LESS": "Vis mindre",
   "LIVE_DEV_INSERT_CREATE": "Opprett",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Siden din er tom — legg til et element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Legg til ditt første element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fell sammen",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "To nye måter å redigere på",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Legg til nye HTML-elementer",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Rediger tagg, klasser, ID og attributter",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Vis mer",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Siden din er tom — legg til et element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Legg til ditt første element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fell sammen"
+  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrunnsfarge",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarge",
+  "LIVE_DEV_STYLER_FONT": "Skrifttype",
+  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
+  "LIVE_DEV_STYLER_WEIGHT": "Skrifttykkelse",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
+  "LIVE_DEV_STYLER_SPACING": "Marg og polstring",
+  "LIVE_DEV_STYLER_LAYOUT": "Oppsett",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flytt linjen til toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytt linjen til bunnen",
+  "LIVE_DEV_STYLER_RESET": "Tilbakestill endringer",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen endringer å tilbakestille",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Ferdig",
+  "LIVE_DEV_STYLER_MIXED": "Blandet",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidene er ulike – rediger hver side separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søk etter skrifttyper …",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne siden",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egendefinert",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Bruk «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper funnet",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Last inn flere",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lett",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lett",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøyde",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnavstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstand",
+  "LIVE_DEV_STYLER_CASE": "Store/små bokstaver",
+  "LIVE_DEV_STYLER_BOLD": "Fet",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understrek",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gjennomstreking",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Store bokstaver",
+  "LIVE_DEV_STYLER_LOWERCASE": "Små bokstaver",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Stor forbokstav",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Midtstill",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Høyrejuster",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blokkjuster",
+  "LIVE_DEV_STYLER_CLEAR": "Fjern",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Bredde",
+  "LIVE_DEV_STYLER_COLOR": "Farge",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
+  "LIVE_DEV_STYLER_DASHED": "Stiplet",
+  "LIVE_DEV_STYLER_DOTTED": "Prikket",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Omriss",
+  "LIVE_DEV_STYLER_OFFSET": "Forskyvning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje og omriss",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Indre marg",
+  "LIVE_DEV_STYLER_MARGIN": "Ytre marg",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider samtidig",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sidene hver for seg",
+  "LIVE_DEV_STYLER_LINK_NONE": "Uavhengige sider – hver side har sin egen verdi",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis – topp og bunn er koblet, venstre og høyre er koblet",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider er koblet – én verdi for alle sider",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klikk for å endre hvordan sidene er koblet",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_TOP": "Topp",
+  "LIVE_DEV_STYLER_RIGHT": "Høyre",
+  "LIVE_DEV_STYLER_BOTTOM": "Bunn",
+  "LIVE_DEV_STYLER_LEFT": "Venstre",
+  "LIVE_DEV_STYLER_DISPLAY": "Visning",
+  "LIVE_DEV_STYLER_DIRECTION": "Retning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
+  "LIVE_DEV_STYLER_WRAP": "Bryt",
+  "LIVE_DEV_STYLER_GAP": "Mellomrom",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
+  "LIVE_DEV_STYLER_ROWS": "Rader",
+  "LIVE_DEV_STYLER_POSITION": "Posisjon",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blokk",
+  "LIVE_DEV_STYLER_INLINE": "Innebygd",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Innebygd blokk",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Innebygd flex",
+  "LIVE_DEV_STYLER_GRID": "Rutenett",
+  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
+  "LIVE_DEV_STYLER_ROW": "Rad",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt rad",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Senter",
+  "LIVE_DEV_STYLER_END": "Slutt",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellomrom mellom",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellomrom rundt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jevnt fordelt",
+  "LIVE_DEV_STYLER_STRETCH": "Strekk",
+  "LIVE_DEV_STYLER_BASELINE": "Grunnlinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen bryting",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt bryting",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutt",
+  "LIVE_DEV_STYLER_STICKY": "Klistret",
+  "LIVE_DEV_STYLER_FIXED": "Fastlåst",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Lagre endringer i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Innebygd",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil …",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Legger til klassen \"{0}\" til dette elementet og lagrer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gir dette elementet ID-en \"{0}\" og lagrer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Lagrer stilen i {0} – stiler kun dette elementet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Lagrer stilen i {0} – stiler {1} elementer på siden",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et annet element har allerede den ID-en – prøv en klasse i stedet",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette samsvarer ikke med det valgte elementet, så endringene dine vil ikke påvirke det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stiler som «:hover» kan ikke redigeres direkte her ennå",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ser ikke ut som et gyldig stilnavn – prøv en klasse som .card eller en ID som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Opprett",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Høyde",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minste bredde",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimal bredde",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minste høyde",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimal høyde",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis grenser for min./maks. størrelse",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul grenser for min./maks. størrelse",
+  "LIVE_DEV_STYLER_OPACITY": "Opasitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Endre enhet – veksler mellom {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Øk {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Reduser {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Øk verdi",
+  "LIVE_DEV_STYLER_DECREASE": "Reduser verdi",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klikk: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Velg farge fra siden"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index 664c20a819..b31ba27af4 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Verwijder",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Afbeeldingengalerij",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Meer opties",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Gedaan",
+  "LIVE_DEV_STYLER_TOP": "Boven",
+  "LIVE_DEV_STYLER_RIGHT": "Rechts",
+  "LIVE_DEV_STYLER_BOTTOM": "Beneden",
+  "LIVE_DEV_STYLER_LEFT": "Links",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Knippen",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopierën",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Plakken",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elementen zoeken…",
   "LIVE_DEV_INSERT_COMMON": "Veelgebruikt",
   "LIVE_DEV_INSERT_NO_RESULTS": "Geen overeenkomende elementen",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Toon meer",
   "LIVE_DEV_INSERT_SHOW_LESS": "Minder weergeven",
   "LIVE_DEV_INSERT_CREATE": "Maken",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Je pagina is leeg — voeg een element toe",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Voeg je eerste element toe",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Inklappen",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Twee nieuwe manieren om te bewerken",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Nieuwe HTML-elementen toevoegen",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Tag, klassen, ID en attributen bewerken",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Toon meer",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Je pagina is leeg — voeg een element toe",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Voeg je eerste element toe",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Inklappen"
+  "LIVE_DEV_STYLER_BACKGROUND": "Achtergrondkleur",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstkleur",
+  "LIVE_DEV_STYLER_FONT": "Lettertype",
+  "LIVE_DEV_STYLER_SIZE": "Lettergrootte",
+  "LIVE_DEV_STYLER_WEIGHT": "Letterdikte",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstuitlijning",
+  "LIVE_DEV_STYLER_BORDER": "Rand",
+  "LIVE_DEV_STYLER_SPACING": "Marge & opvulling",
+  "LIVE_DEV_STYLER_LAYOUT": "Lay-out",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststijl",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Balk naar boven verplaatsen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Balk naar beneden verplaatsen",
+  "LIVE_DEV_STYLER_RESET": "Wijzigingen resetten",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Geen wijzigingen om te resetten",
+  "LIVE_DEV_STYLER_MIXED": "Gemengd",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Zijden verschillen — bewerk elke zijde afzonderlijk",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Lettertypen zoeken…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systeem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Op deze pagina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Aangepast",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gebruik \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Geen lettertypen gevonden",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Meer laden",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dun",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Licht",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Licht",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halfvet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Vet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra vet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Zwart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Regelhoogte",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letterspatiëring",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Woordspatiëring",
+  "LIVE_DEV_STYLER_CASE": "Kapitalen",
+  "LIVE_DEV_STYLER_BOLD": "Vet",
+  "LIVE_DEV_STYLER_ITALIC": "Cursief",
+  "LIVE_DEV_STYLER_UNDERLINE": "Onderstrepen",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Doorhalen",
+  "LIVE_DEV_STYLER_NONE": "Geen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Hoofdletters",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kleine letters",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitaliseren",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Links uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centreren",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechts uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Uitvullen",
+  "LIVE_DEV_STYLER_CLEAR": "Wissen",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Breedte",
+  "LIVE_DEV_STYLER_COLOR": "Kleur",
+  "LIVE_DEV_STYLER_STYLE": "Stijl",
+  "LIVE_DEV_STYLER_SOLID": "Effen",
+  "LIVE_DEV_STYLER_DASHED": "Gestreept",
+  "LIVE_DEV_STYLER_DOTTED": "Gestippeld",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Contour",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rand & Omlijning",
+  "LIVE_DEV_STYLER_SIDE": "Zijde",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Marge",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle zijden tegelijk bewerken",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Zijden afzonderlijk bewerken",
+  "LIVE_DEV_STYLER_LINK_NONE": "Afzonderlijke zijden - elke zijde heeft zijn eigen waarde",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Gepaard - boven & onder gekoppeld, links & rechts gekoppeld",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle zijden gekoppeld - één waarde voor elke zijde",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik om te wijzigen hoe zijden gekoppeld zijn",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_DISPLAY": "Weergave",
+  "LIVE_DEV_STYLER_DIRECTION": "Richting",
+  "LIVE_DEV_STYLER_JUSTIFY": "Uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Items uitlijnen",
+  "LIVE_DEV_STYLER_WRAP": "Terugloop",
+  "LIVE_DEV_STYLER_GAP": "Tussenruimte",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolommen",
+  "LIVE_DEV_STYLER_ROWS": "Rijen",
+  "LIVE_DEV_STYLER_POSITION": "Positie",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Verborgen",
+  "LIVE_DEV_STYLER_ROW": "Rij",
+  "LIVE_DEV_STYLER_COLUMN": "Kolom",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Rij omgekeerd",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom omgekeerd",
+  "LIVE_DEV_STYLER_START": "Begin",
+  "LIVE_DEV_STYLER_CENTER": "Midden",
+  "LIVE_DEV_STYLER_END": "Einde",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Ruimte tussen",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Ruimte rondom",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gelijkmatige ruimte",
+  "LIVE_DEV_STYLER_STRETCH": "Uitrekken",
+  "LIVE_DEV_STYLER_BASELINE": "Basislijn",
+  "LIVE_DEV_STYLER_NO_WRAP": "Geen terugloop",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omgekeerde terugloop",
+  "LIVE_DEV_STYLER_STATIC": "Statisch",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatief",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Vast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Wijzigingen toepassen op",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "rechtstreeks op het element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Beïnvloedt {0} op de pagina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nieuwe stijl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nieuwe stijl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Voegt klasse \"{0}\" toe aan dit element en slaat de stijl op in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Geeft dit element de id \"{0}\" en slaat de stijl op in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Slaat de stijl op in {0} - stijlt alleen dit element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Slaat de stijl op in {0} - stijlt {1} elementen op de pagina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Een ander element heeft die id al - probeer in plaats daarvan een klasse",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dit komt niet overeen met het geselecteerde element, dus uw bewerkingen zouden het niet veranderen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stijlen zoals \":hover\" kunnen hier nog niet live worden bewerkt",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Dat lijkt geen geldige stijlnaam - probeer een class zoals .card of een id zoals #hero",
+  "LIVE_DEV_STYLER_CREATE": "Aanmaken",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "bijv. .card of #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Hoogte",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Grootte",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimale breedte",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximale breedte",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimale hoogte",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximale hoogte",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Toon min/max-afmetingen",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Verberg min/max-groottelimieten",
+  "LIVE_DEV_STYLER_OPACITY": "Opaciteit",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Eenheid wijzigen - wisselt tussen {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Verhoog {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Verlaag {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Waarde verhogen",
+  "LIVE_DEV_STYLER_DECREASE": "Waarde verlagen",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Kies kleur van pagina"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index 975b63307c..019de3a10d 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Usuń",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeria obrazów",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Więcej opcji",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Gotowe",
+  "LIVE_DEV_STYLER_CLEAR": "Wyczyść",
+  "LIVE_DEV_STYLER_TOP": "Panel górny",
+  "LIVE_DEV_STYLER_RIGHT": "Panel prawy",
+  "LIVE_DEV_STYLER_BOTTOM": "Panel dolny",
+  "LIVE_DEV_STYLER_LEFT": "Panel lewy",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Wytnij",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiuj",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Wklej",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Szukaj elementów…",
   "LIVE_DEV_INSERT_COMMON": "Powszechne",
   "LIVE_DEV_INSERT_NO_RESULTS": "Brak pasujących elementów",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Pokaż więcej",
   "LIVE_DEV_INSERT_SHOW_LESS": "Pokaż mniej",
   "LIVE_DEV_INSERT_CREATE": "Utwórz",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Twoja strona jest pusta — dodaj element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodaj pierwszy element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zwiń",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dwa nowe sposoby edycji",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Dodaj nowe elementy HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edytuj tag, klasy, ID i atrybuty",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Pokaż więcej",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Twoja strona jest pusta — dodaj element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Dodaj pierwszy element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zwiń"
+  "LIVE_DEV_STYLER_BACKGROUND": "Kolor tła",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Kolor tekstu",
+  "LIVE_DEV_STYLER_FONT": "Rodzina czcionek",
+  "LIVE_DEV_STYLER_SIZE": "Rozmiar czcionki",
+  "LIVE_DEV_STYLER_WEIGHT": "Grubość czcionki",
+  "LIVE_DEV_STYLER_ALIGN": "Wyrównanie tekstu",
+  "LIVE_DEV_STYLER_BORDER": "Obramowanie",
+  "LIVE_DEV_STYLER_SPACING": "Margines i dopełnienie",
+  "LIVE_DEV_STYLER_LAYOUT": "Układ",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl tekstu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Przesuń pasek na górę",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Przesuń pasek na dół",
+  "LIVE_DEV_STYLER_RESET": "Zresetuj zmiany",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Brak zmian do zresetowania",
+  "LIVE_DEV_STYLER_MIXED": "Mieszane",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strony różnią się — edytuj każdą stronę osobno",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Szukaj czcionek…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systemowe",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tej stronie",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Własny",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Użyj \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nie znaleziono czcionek",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Wczytaj więcej",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Cienki",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Bardzo lekki",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lekki",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Zwykły",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Średni",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Półgruby",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Pogrubiony",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra pogrubiony",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Czarny",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinia",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Odstępy między literami",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Odstępy między wyrazami",
+  "LIVE_DEV_STYLER_CASE": "Wielkość liter",
+  "LIVE_DEV_STYLER_BOLD": "Pogrubienie",
+  "LIVE_DEV_STYLER_ITALIC": "Kursywa",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podkreślenie",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Przekreślenie",
+  "LIVE_DEV_STYLER_NONE": "Brak",
+  "LIVE_DEV_STYLER_UPPERCASE": "Wielkie litery",
+  "LIVE_DEV_STYLER_LOWERCASE": "Małe litery",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizacja",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Wyrównaj do lewej",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Wyśrodkuj",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Wyrównaj do prawej",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Wyjustuj",
+  "LIVE_DEV_STYLER_RADIUS": "Promień",
+  "LIVE_DEV_STYLER_WIDTH": "Szerokość",
+  "LIVE_DEV_STYLER_COLOR": "Kolor",
+  "LIVE_DEV_STYLER_STYLE": "Styl",
+  "LIVE_DEV_STYLER_SOLID": "Ciągły",
+  "LIVE_DEV_STYLER_DASHED": "Przerywany",
+  "LIVE_DEV_STYLER_DOTTED": "Kropkowany",
+  "LIVE_DEV_STYLER_DOUBLE": "Podwójny",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Odsunięcie",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obramowanie i kontur",
+  "LIVE_DEV_STYLER_SIDE": "Bok",
+  "LIVE_DEV_STYLER_PADDING": "Dopełnienie",
+  "LIVE_DEV_STYLER_MARGIN": "Margines",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edytuj wszystkie boki jednocześnie",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edytuj boki niezależnie",
+  "LIVE_DEV_STYLER_LINK_NONE": "Niezależne boki - każdy bok ma swoją wartość",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Sparowane - góra i dół połączone, lewy i prawy połączone",
+  "LIVE_DEV_STYLER_LINK_ALL": "Wszystkie boki połączone - jedna wartość dla każdego boku",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknij, aby zmienić sposób łączenia boków",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Wszystkie",
+  "LIVE_DEV_STYLER_DISPLAY": "Wyświetlanie",
+  "LIVE_DEV_STYLER_DIRECTION": "Kierunek",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justowanie",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Wyrównanie elementów",
+  "LIVE_DEV_STYLER_WRAP": "Zawijanie",
+  "LIVE_DEV_STYLER_GAP": "Odstęp",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolumny",
+  "LIVE_DEV_STYLER_ROWS": "Wiersze",
+  "LIVE_DEV_STYLER_POSITION": "Pozycja",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Liniowy",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Liniowo-blokowy",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Liniowy flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Ukryty",
+  "LIVE_DEV_STYLER_ROW": "Wiersz",
+  "LIVE_DEV_STYLER_COLUMN": "Kolumna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Wiersz odwrócony",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolumna odwrócona",
+  "LIVE_DEV_STYLER_START": "Początek",
+  "LIVE_DEV_STYLER_CENTER": "Środek",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Odstęp pomiędzy",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Odstęp wokół",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Równy odstęp",
+  "LIVE_DEV_STYLER_STRETCH": "Rozciągnij",
+  "LIVE_DEV_STYLER_BASELINE": "Linia bazowa",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez zawijania",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Zawijanie odwrócone",
+  "LIVE_DEV_STYLER_STATIC": "Statyczny",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatywny",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutny",
+  "LIVE_DEV_STYLER_STICKY": "Przyklejony",
+  "LIVE_DEV_STYLER_FIXED": "Stały",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Zapisz zmiany w",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Wbudowany",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "bezpośrednio na elemencie",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "wpływa na {0} na stronie",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nowy styl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nowy styl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasę \"{0}\" do tego elementu i zapisuje styl w {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Nadaje temu elementowi ID \"{0}\" i zapisuje styl w {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Zapisuje styl w {0} - stylizuje tylko ten element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Zapisuje styl w {0} - stylizuje {1} elementów na stronie",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Inny element ma już to ID - spróbuj zamiast tego użyć klasy",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "To nie pasuje do wybranego elementu, więc Twoje zmiany go nie zmienią",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Style takie jak \":hover\" nie mogą być jeszcze tutaj edytowane na żywo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To nie wygląda na prawidłową nazwę stylu - spróbuj użyć klasy, np. .card, lub ID, np. #hero",
+  "LIVE_DEV_STYLER_CREATE": "Utwórz",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "np. .card lub #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Wysokość",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Rozmiar",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimalna szerokość",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksymalna szerokość",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimalna wysokość",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksymalna wysokość",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Pokaż ograniczenia min./maks. rozmiaru",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ukryj ograniczenia min./maks. rozmiaru",
+  "LIVE_DEV_STYLER_OPACITY": "Krycie",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmień jednostkę - przełącza pomiędzy {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zwiększ {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Zmniejsz {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zwiększ wartość",
+  "LIVE_DEV_STYLER_DECREASE": "Zmniejsz wartość",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kliknięcie: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pobierz kolor ze strony"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 9d9cbbad8e..2232a4f86d 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -1802,6 +1802,12 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_TOP": "Top",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index cb527f5435..312ea0c108 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Excluir",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeria de Imagens",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Mais Opções",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
+  "LIVE_DEV_STYLER_TOP": "Início",
+  "LIVE_DEV_STYLER_RIGHT": "Direita",
+  "LIVE_DEV_STYLER_BOTTOM": "Fim",
+  "LIVE_DEV_STYLER_LEFT": "Esquerda",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Recortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Colar",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Buscar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nenhum elemento correspondente",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
   "LIVE_DEV_INSERT_SHOW_LESS": "Ver menos",
   "LIVE_DEV_INSERT_CREATE": "Criar",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sua página está vazia — adicione um elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicione seu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Duas novas maneiras de editar",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Adicione novos elementos HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Edite tag, classes, ID e atributos",
@@ -2273,9 +2283,5 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Mais uma coisa",
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sua página está vazia — adicione um elemento",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicione seu primeiro elemento",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index 9d9cbbad8e..c6929b10d9 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -1802,6 +1802,11 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_TOP": "Top",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 4178c243f7..42f48a4455 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Șterge",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie de imagini",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Mai multe opțiuni",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminat",
+  "LIVE_DEV_STYLER_TOP": "Sus",
+  "LIVE_DEV_STYLER_RIGHT": "Dreapta",
+  "LIVE_DEV_STYLER_BOTTOM": "Jos",
+  "LIVE_DEV_STYLER_LEFT": "Stânga",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Taie",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiază",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Lipește",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Căutare elemente…",
   "LIVE_DEV_INSERT_COMMON": "Comune",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nu s-au găsit elemente corespunzătoare",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Afișează mai mult",
   "LIVE_DEV_INSERT_SHOW_LESS": "Afișează mai puțin",
   "LIVE_DEV_INSERT_CREATE": "Creează",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Pagina ta este goală — adaugă un element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adaugă primul tău element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Restrânge",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Două noi moduri de a edita",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Adaugă elemente HTML noi",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Editează eticheta, clasele, ID-ul și atributele",
@@ -2273,9 +2282,5 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Încă ceva",
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Afișează mai mult",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Pagina ta este goală — adaugă un element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adaugă primul tău element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Restrânge"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 9d9cbbad8e..7eb1de0ee9 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -1802,6 +1802,7 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index d0832ec78b..08d5387b4a 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -170,6 +170,7 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Удалить",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерея изображений",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Дополнительные параметры",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Вырезать",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копировать",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Вставить",
@@ -181,8 +182,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Поиск элементов…",
   "LIVE_DEV_INSERT_COMMON": "Общие",
   "LIVE_DEV_INSERT_NO_RESULTS": "Нет подходящих элементов",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Показать ещё",
   "LIVE_DEV_INSERT_SHOW_LESS": "Показать меньше",
   "LIVE_DEV_INSERT_CREATE": "Создать",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша страница пуста — добавьте элемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавить первый элемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свернуть",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два новых способа редактирования",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Добавляйте новые HTML-элементы",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Редактируйте тег, классы, ID и атрибуты",
@@ -2273,9 +2278,5 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Еще кое-что",
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Показать ещё",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша страница пуста — добавьте элемент",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Добавить первый элемент",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Свернуть"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index 9d9cbbad8e..c6929b10d9 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -1802,6 +1802,11 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_TOP": "Top",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 413977871a..1ce5e2cfd9 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Обриши",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерија слика",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Више опција",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Завршено",
+  "LIVE_DEV_STYLER_TOP": "Горе",
+  "LIVE_DEV_STYLER_RIGHT": "Десно",
+  "LIVE_DEV_STYLER_BOTTOM": "Доле",
+  "LIVE_DEV_STYLER_LEFT": "Лево",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Исеци",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копирај",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Налепи",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Претражи елементе…",
   "LIVE_DEV_INSERT_COMMON": "Уобичајени",
   "LIVE_DEV_INSERT_NO_RESULTS": "Нема подударајућих елемената",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Прикажи више",
   "LIVE_DEV_INSERT_SHOW_LESS": "Прикажи мање",
   "LIVE_DEV_INSERT_CREATE": "Креирај",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страница је празна — додајте елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додајте први елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Скупи",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нова начина за уређивање",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Додајте нове HTML елементе",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Уредите ознаку, класе, ID и атрибуте",
@@ -2273,9 +2282,5 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Још једна ствар",
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Прикажи више",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Страница је празна — додајте елемент",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додајте први елемент",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Скупи"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 9d9cbbad8e..3c10b17535 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -1802,6 +1802,12 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_TOP": "Top",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index deac4ac526..006a1399e7 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Radera",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Bildgalleri",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Fler alternativ",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Klar",
+  "LIVE_DEV_STYLER_CLEAR": "Rensa",
+  "LIVE_DEV_STYLER_TOP": "Övre",
+  "LIVE_DEV_STYLER_RIGHT": "Höger",
+  "LIVE_DEV_STYLER_BOTTOM": "Undre",
+  "LIVE_DEV_STYLER_LEFT": "Vänster",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Klipp ut",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiera",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Klistra in",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Sök element...",
   "LIVE_DEV_INSERT_COMMON": "Vanliga",
   "LIVE_DEV_INSERT_NO_RESULTS": "Inga matchande element",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Visa mer",
   "LIVE_DEV_INSERT_SHOW_LESS": "Visa mindre",
   "LIVE_DEV_INSERT_CREATE": "Skapa",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din sida är tom — lägg till ett element",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lägg till ditt första element",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fäll ihop",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Två nya sätt att redigera",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Lägg till nya HTML-element",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Redigera tagg, klasser, ID och attribut",
@@ -2273,9 +2283,5 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "En sak till",
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Visa mer",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Din sida är tom — lägg till ett element",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Lägg till ditt första element",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Fäll ihop"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index 02f023575a..87ef07390d 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -170,6 +170,11 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Видалити",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерея зображень",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Більше опцій",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
+  "LIVE_DEV_STYLER_TOP": "Верхня",
+  "LIVE_DEV_STYLER_RIGHT": "Права",
+  "LIVE_DEV_STYLER_BOTTOM": "Нижня",
+  "LIVE_DEV_STYLER_LEFT": "Ліва",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Вирізати",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копіювати",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Вставити",
@@ -181,8 +186,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Пошук елементів…",
   "LIVE_DEV_INSERT_COMMON": "Загальні",
   "LIVE_DEV_INSERT_NO_RESULTS": "Немає відповідних елементів",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Показати більше",
   "LIVE_DEV_INSERT_SHOW_LESS": "Показати менше",
   "LIVE_DEV_INSERT_CREATE": "Створити",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша сторінка порожня — додайте елемент",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додати перший елемент",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Згорнути",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Два нові способи редагування",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Додавайте нові HTML-елементи",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Редагуйте тег, класи, ID та атрибути",
@@ -2274,8 +2283,143 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Показати більше",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Ваша сторінка порожня — додайте елемент",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Додати перший елемент",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Згорнути"
+  "LIVE_DEV_STYLER_BACKGROUND": "Колір фону",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Колір тексту",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Розмір шрифту",
+  "LIVE_DEV_STYLER_WEIGHT": "Насиченість шрифту",
+  "LIVE_DEV_STYLER_ALIGN": "Вирівнювання тексту",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Поля й відступи",
+  "LIVE_DEV_STYLER_LAYOUT": "Макет",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль тексту",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Перемістити панель вгору",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Перемістити панель вниз",
+  "LIVE_DEV_STYLER_RESET": "Скинути зміни",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Немає змін для скидання",
+  "LIVE_DEV_STYLER_MIXED": "Змішане",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Сторони відрізняються — редагуйте кожну сторону окремо",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Пошук шрифтів…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системні",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На цій сторінці",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Користувацький",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Використовувати «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифтів не знайдено",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Завантажити ще",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Надсвітлий",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Світлий",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Звичайний",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Середній",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Напівжирний",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Жирний",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Наджирний",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чорний",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Висота рядка",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Міжлітерний інтервал",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Міжслівний інтервал",
+  "LIVE_DEV_STYLER_CASE": "Регістр",
+  "LIVE_DEV_STYLER_BOLD": "Жирний",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Підкреслений",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Закреслений",
+  "LIVE_DEV_STYLER_NONE": "Немає",
+  "LIVE_DEV_STYLER_UPPERCASE": "Верхній регістр",
+  "LIVE_DEV_STYLER_LOWERCASE": "Нижній регістр",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Капіталізація",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Вирівняти за лівим краєм",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Вирівняти по центру",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Вирівняти за правим краєм",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Вирівняти за шириною",
+  "LIVE_DEV_STYLER_CLEAR": "Очистити",
+  "LIVE_DEV_STYLER_RADIUS": "Радіус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Колір",
+  "LIVE_DEV_STYLER_STYLE": "Стиль",
+  "LIVE_DEV_STYLER_SOLID": "Суцільний",
+  "LIVE_DEV_STYLER_DASHED": "Штриховий",
+  "LIVE_DEV_STYLER_DOTTED": "Точковий",
+  "LIVE_DEV_STYLER_DOUBLE": "Подвійний",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Відступ",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Межа та контур",
+  "LIVE_DEV_STYLER_SIDE": "Сторона",
+  "LIVE_DEV_STYLER_PADDING": "Внутрішній відступ",
+  "LIVE_DEV_STYLER_MARGIN": "Зовнішній відступ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редагувати всі сторони разом",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редагувати сторони незалежно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Незалежні сторони - кожна сторона має власне значення",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Парні - верх і низ пов'язані, ліва і права сторони пов'язані",
+  "LIVE_DEV_STYLER_LINK_ALL": "Усі сторони пов'язані - одне значення для кожної сторони",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Натисніть, щоб змінити спосіб зв'язування сторін",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Усі",
+  "LIVE_DEV_STYLER_DISPLAY": "Відображення",
+  "LIVE_DEV_STYLER_DIRECTION": "Напрямок",
+  "LIVE_DEV_STYLER_JUSTIFY": "Вирівнювання",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Вирівняти елементи",
+  "LIVE_DEV_STYLER_WRAP": "Перенесення",
+  "LIVE_DEV_STYLER_GAP": "Проміжок",
+  "LIVE_DEV_STYLER_COLUMNS": "Стовпці",
+  "LIVE_DEV_STYLER_ROWS": "Рядки",
+  "LIVE_DEV_STYLER_POSITION": "Позиція",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-індекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Рядковий",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Рядково-блоковий",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Рядковий флекс",
+  "LIVE_DEV_STYLER_GRID": "Сітка",
+  "LIVE_DEV_STYLER_HIDDEN": "Прихований",
+  "LIVE_DEV_STYLER_ROW": "Рядок",
+  "LIVE_DEV_STYLER_COLUMN": "Стовпець",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Зворотний рядок",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Зворотний стовпець",
+  "LIVE_DEV_STYLER_START": "Початок",
+  "LIVE_DEV_STYLER_CENTER": "Центр",
+  "LIVE_DEV_STYLER_END": "Кінець",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Простір між",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Простір навколо",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Рівномірний простір",
+  "LIVE_DEV_STYLER_STRETCH": "Розтягування",
+  "LIVE_DEV_STYLER_BASELINE": "Базова лінія",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без переносу",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Зворотний перенос",
+  "LIVE_DEV_STYLER_STATIC": "Статичне",
+  "LIVE_DEV_STYLER_RELATIVE": "Відносне",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютне",
+  "LIVE_DEV_STYLER_STICKY": "Липке",
+  "LIVE_DEV_STYLER_FIXED": "Фіксоване",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Зберегти зміни в",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Вбудований",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "безпосередньо на елементі",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Впливає на {0} на сторінці",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Новий стиль…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новий стиль",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додає клас \"{0}\" до цього елемента та зберігає стиль у {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Надає цьому елементу id \"{0}\" та зберігає стиль у {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Зберігає стиль у {0} – стилізує лише цей елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Зберігає стиль у {0} – стилізує {1} елементів на сторінці",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Інший елемент уже має такий id – спробуйте натомість використати клас",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Це не відповідає вибраному елементу, тому ваші редагування не змінять його",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилі, як-от \":hover\", поки що не можна редагувати тут наживо",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Схоже, це недійсна назва стилю. Спробуйте клас, як-от .card, або ідентифікатор, як-от #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Створити",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card або #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Висота",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Розмір",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Мін. ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мін. висота",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. висота",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показати обмеження мін./макс. розміру",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Приховати обмеження мін / макс розміру",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозорість",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Змінити одиницю - перемикає між {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Збільшити {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Зменшити {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Збільшити значення",
+  "LIVE_DEV_STYLER_DECREASE": "Зменшити значення",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клік: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Вибрати колір зі сторінки"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index 97ce907543..6c69ba9be1 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "عناصر تلاش کریں…",
   "LIVE_DEV_INSERT_COMMON": "عام",
   "LIVE_DEV_INSERT_NO_RESULTS": "کوئی مماثل عناصر نہیں",
+  "LIVE_DEV_INSERT_SHOW_MORE": "مزید دکھائیں",
   "LIVE_DEV_INSERT_SHOW_LESS": "کم دکھائیں",
   "LIVE_DEV_INSERT_CREATE": "تخلیق کریں",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "آپ کا صفحہ خالی ہے — ایک عنصر شامل کریں",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "اپنا پہلا عنصر شامل کریں",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "سکیڑیں",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "ترمیم کرنے کے دو نئے طریقے",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "نئے HTML عناصر شامل کریں",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "ٹیگ، کلاسز، آئی ڈی اور ایٹریبیوٹس میں ترمیم کریں",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "LIVE_DEV_INSERT_SHOW_MORE": "مزید دکھائیں",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "آپ کا صفحہ خالی ہے — ایک عنصر شامل کریں",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "اپنا پہلا عنصر شامل کریں",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "سکیڑیں"
+  "LIVE_DEV_STYLER_BACKGROUND": "پس منظر کا رنگ",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "متن کا رنگ",
+  "LIVE_DEV_STYLER_FONT": "فونٹ فیملی",
+  "LIVE_DEV_STYLER_SIZE": "فونٹ کا سائز",
+  "LIVE_DEV_STYLER_WEIGHT": "فونٹ کا وزن",
+  "LIVE_DEV_STYLER_ALIGN": "متن کی سیدھ",
+  "LIVE_DEV_STYLER_BORDER": "بارڈر",
+  "LIVE_DEV_STYLER_SPACING": "مارجن اور پیڈنگ",
+  "LIVE_DEV_STYLER_LAYOUT": "لے آؤٹ",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "متن کا انداز",
+  "LIVE_DEV_STYLER_DOCK_TOP": "بار کو اوپر لے جائیں",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "بار کو نیچے لے جائیں",
+  "LIVE_DEV_STYLER_RESET": "تبدیلیاں ری سیٹ کریں",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "ری سیٹ کرنے کے لیے کوئی تبدیلی نہیں",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "ہو گیا",
+  "LIVE_DEV_STYLER_MIXED": "مخلوط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "اطراف مختلف ہیں — ہر طرف میں الگ الگ ترمیم کریں",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "فونٹس تلاش کریں…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سسٹم",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "اس صفحے پر",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "کسٹم",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" استعمال کریں",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "کوئی فانٹ نہیں ملا",
+  "LIVE_DEV_STYLER_LOAD_MORE": "مزید لوڈ کریں",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "پتلا",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "اضافی ہلکا",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ہلکا",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "ریگولر",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "میڈیم",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیم جلی",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "جلی",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "زیادہ جلی",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "انتہائی جلی",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "لائن کی اونچائی",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "حرفی فاصلہ",
+  "LIVE_DEV_STYLER_WORD_SPACING": "لفظی فاصلہ",
+  "LIVE_DEV_STYLER_CASE": "کیس",
+  "LIVE_DEV_STYLER_BOLD": "جلی",
+  "LIVE_DEV_STYLER_ITALIC": "ترچھا",
+  "LIVE_DEV_STYLER_UNDERLINE": "انڈر لائن",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "اسٹرائیک تھرو",
+  "LIVE_DEV_STYLER_NONE": "کوئی نہیں",
+  "LIVE_DEV_STYLER_UPPERCASE": "بڑے حروف",
+  "LIVE_DEV_STYLER_LOWERCASE": "چھوٹے حروف",
+  "LIVE_DEV_STYLER_CAPITALIZE": "کیپٹلائز",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "بائیں سیدھ میں کریں",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "درمیان میں سیدھ کریں",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "دائیں سیدھ میں کریں",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "جسٹیفائی",
+  "LIVE_DEV_STYLER_CLEAR": "صاف",
+  "LIVE_DEV_STYLER_RADIUS": "رداس",
+  "LIVE_DEV_STYLER_WIDTH": "چوڑائی",
+  "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_STYLE": "اسٹائل",
+  "LIVE_DEV_STYLER_SOLID": "ٹھوس",
+  "LIVE_DEV_STYLER_DASHED": "ڈیش دار",
+  "LIVE_DEV_STYLER_DOTTED": "نقطے دار",
+  "LIVE_DEV_STYLER_DOUBLE": "دوہرا",
+  "LIVE_DEV_STYLER_OUTLINE": "آؤٹ لائن",
+  "LIVE_DEV_STYLER_OFFSET": "آفسیٹ",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "بارڈر اور آؤٹ لائن",
+  "LIVE_DEV_STYLER_SIDE": "سائیڈ",
+  "LIVE_DEV_STYLER_PADDING": "پیڈنگ",
+  "LIVE_DEV_STYLER_MARGIN": "مارجن",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "تمام سائیڈز میں ایک ساتھ ترمیم کریں",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "سائیڈز میں الگ الگ ترمیم کریں",
+  "LIVE_DEV_STYLER_LINK_NONE": "آزاد سائیڈز - ہر سائیڈ کی اپنی ویلیو ہوتی ہے",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "جوڑا - اوپر اور نیچے لنکڈ، بائیں اور دائیں لنکڈ",
+  "LIVE_DEV_STYLER_LINK_ALL": "تمام سائیڈز لنکڈ - ہر سائیڈ کے لیے ایک ویلیو",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "اطراف کو جوڑنے کا طریقہ تبدیل کرنے کے لیے کلک کریں",
+  "LIVE_DEV_STYLER_ALL_SIDES": "تمام",
+  "LIVE_DEV_STYLER_TOP": "اوپر",
+  "LIVE_DEV_STYLER_RIGHT": "دائیں",
+  "LIVE_DEV_STYLER_BOTTOM": "نیچے",
+  "LIVE_DEV_STYLER_LEFT": "بائیں",
+  "LIVE_DEV_STYLER_DISPLAY": "ڈسپلے",
+  "LIVE_DEV_STYLER_DIRECTION": "سمت",
+  "LIVE_DEV_STYLER_JUSTIFY": "جسٹیفائی",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "الائن آئٹمز",
+  "LIVE_DEV_STYLER_WRAP": "لپیٹیں",
+  "LIVE_DEV_STYLER_GAP": "فاصلہ",
+  "LIVE_DEV_STYLER_COLUMNS": "کالمز",
+  "LIVE_DEV_STYLER_ROWS": "قطاریں",
+  "LIVE_DEV_STYLER_POSITION": "پوزیشن",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "بلاک",
+  "LIVE_DEV_STYLER_INLINE": "ان لائن",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "ان لائن بلاک",
+  "LIVE_DEV_STYLER_FLEX": "فلیکس",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "ان لائن فلیکس",
+  "LIVE_DEV_STYLER_GRID": "گرڈ",
+  "LIVE_DEV_STYLER_HIDDEN": "پوشیدہ",
+  "LIVE_DEV_STYLER_ROW": "قطار",
+  "LIVE_DEV_STYLER_COLUMN": "کالم",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "الٹ قطار",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "الٹ کالم",
+  "LIVE_DEV_STYLER_START": "شروع",
+  "LIVE_DEV_STYLER_CENTER": "درمیان",
+  "LIVE_DEV_STYLER_END": "آخر",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "درمیان میں جگہ",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "اطراف میں جگہ",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "یکساں جگہ",
+  "LIVE_DEV_STYLER_STRETCH": "پھیلائیں",
+  "LIVE_DEV_STYLER_BASELINE": "بیس لائن",
+  "LIVE_DEV_STYLER_NO_WRAP": "ریپ نہ کریں",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "الٹا ریپ",
+  "LIVE_DEV_STYLER_STATIC": "ساکن",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبتی",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "چپکاں",
+  "LIVE_DEV_STYLER_FIXED": "مقررہ",
+  "LIVE_DEV_STYLER_APPLIES_TO": "تبدیلیاں محفوظ کریں",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "ان لائن",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "براہ راست عنصر پر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "صفحہ پر {0} کو متاثر کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_STYLE": "نیا اسٹائل…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نیا اسٹائل",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "اس عنصر میں کلاس \"{0}\" شامل کرتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "اس عنصر کو آئی ڈی \"{0}\" دیتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "اسٹائل کو {0} میں محفوظ کرتا ہے - صرف اس عنصر کو اسٹائل کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "اسٹائل کو {0} میں محفوظ کرتا ہے - صفحہ پر {1} عناصر کو اسٹائل کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "کسی دوسرے عنصر کے پاس پہلے سے ہی وہ آئی ڈی ہے - اس کے بجائے کلاس آزمائیں",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "یہ منتخب عنصر سے مطابقت نہیں رکھتا، لہذا آپ کی ترامیم اسے تبدیل نہیں کریں گی",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" جیسے اسٹائلز کو ابھی یہاں لائیو ترمیم نہیں کیا جا سکتا",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "یہ ایک درست اسٹائل نام نہیں لگتا - .card جیسی کلاس یا #hero جیسی آئی ڈی آزمائیں",
+  "LIVE_DEV_STYLER_CREATE": "بنائیں",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال کے طور پر .card یا #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "اونچائی",
+  "LIVE_DEV_STYLER_SIZE_TAB": "سائز",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "کم از کم چوڑائی",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "زیادہ سے زیادہ چوڑائی",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "کم از کم اونچائی",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "زیادہ سے زیادہ اونچائی",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "کم از کم / زیادہ سے زیادہ سائز کی حدود دکھائیں",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "کم از کم / زیادہ سے زیادہ سائز کی حدود چھپائیں",
+  "LIVE_DEV_STYLER_OPACITY": "شفافیت",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "یونٹ تبدیل کریں - {0} کے درمیان بدلتا ہے",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} بڑھائیں",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} کم کریں",
+  "LIVE_DEV_STYLER_INCREASE": "قدر بڑھائیں",
+  "LIVE_DEV_STYLER_DECREASE": "قدر کم کریں",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + کلک: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "صفحہ سے رنگ چنیں"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 372881787d..373d91b081 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -170,6 +170,13 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "删除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "图片库",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "更多选项",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
+  "LIVE_DEV_STYLER_CLEAR": "清除",
+  "LIVE_DEV_STYLER_TOP": "上",
+  "LIVE_DEV_STYLER_RIGHT": "右",
+  "LIVE_DEV_STYLER_BOTTOM": "下",
+  "LIVE_DEV_STYLER_LEFT": "左",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "剪切",
   "LIVE_DEV_MORE_OPTIONS_COPY": "复制",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "粘贴",
@@ -181,8 +188,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "搜索元素…",
   "LIVE_DEV_INSERT_COMMON": "常用",
   "LIVE_DEV_INSERT_NO_RESULTS": "无匹配元素",
+  "LIVE_DEV_INSERT_SHOW_MORE": "显示更多",
   "LIVE_DEV_INSERT_SHOW_LESS": "收起",
   "LIVE_DEV_INSERT_CREATE": "创建",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的页面为空 — 请添加元素",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "添加您的第一个元素",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折叠",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "两种新的编辑方式",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "添加新的 HTML 元素",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "编辑标签、类、ID 和属性",
@@ -2274,8 +2285,141 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "LIVE_DEV_INSERT_SHOW_MORE": "显示更多",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的页面为空 — 请添加元素",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "添加您的第一个元素",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "折叠"
+  "LIVE_DEV_STYLER_BACKGROUND": "背景颜色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文本颜色",
+  "LIVE_DEV_STYLER_FONT": "字体",
+  "LIVE_DEV_STYLER_SIZE": "字号",
+  "LIVE_DEV_STYLER_WEIGHT": "字重",
+  "LIVE_DEV_STYLER_ALIGN": "文本对齐",
+  "LIVE_DEV_STYLER_BORDER": "边框",
+  "LIVE_DEV_STYLER_SPACING": "外边距和内边距",
+  "LIVE_DEV_STYLER_LAYOUT": "布局",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文本样式",
+  "LIVE_DEV_STYLER_DOCK_TOP": "将栏移至顶部",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "将栏移至底部",
+  "LIVE_DEV_STYLER_RESET": "重置更改",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "无可重置的更改",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "各边值不同 —— 请单独编辑",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜索字体…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系统",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "当前页面",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自定义",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用“{0}”",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "未找到字体",
+  "LIVE_DEV_STYLER_LOAD_MORE": "加载更多",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "纤细体",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特细体",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "细体",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "常规",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗体",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗体",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗体",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗体",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "字间距",
+  "LIVE_DEV_STYLER_WORD_SPACING": "词间距",
+  "LIVE_DEV_STYLER_CASE": "大小写",
+  "LIVE_DEV_STYLER_BOLD": "粗体",
+  "LIVE_DEV_STYLER_ITALIC": "斜体",
+  "LIVE_DEV_STYLER_UNDERLINE": "下划线",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "删除线",
+  "LIVE_DEV_STYLER_NONE": "无",
+  "LIVE_DEV_STYLER_UPPERCASE": "大写",
+  "LIVE_DEV_STYLER_LOWERCASE": "小写",
+  "LIVE_DEV_STYLER_CAPITALIZE": "首字母大写",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "左对齐",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "居中对齐",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右对齐",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "两端对齐",
+  "LIVE_DEV_STYLER_RADIUS": "圆角",
+  "LIVE_DEV_STYLER_WIDTH": "宽度",
+  "LIVE_DEV_STYLER_COLOR": "颜色",
+  "LIVE_DEV_STYLER_STYLE": "样式",
+  "LIVE_DEV_STYLER_SOLID": "实线",
+  "LIVE_DEV_STYLER_DASHED": "虚线",
+  "LIVE_DEV_STYLER_DOTTED": "点线",
+  "LIVE_DEV_STYLER_DOUBLE": "双线",
+  "LIVE_DEV_STYLER_OUTLINE": "轮廓",
+  "LIVE_DEV_STYLER_OFFSET": "偏移",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "边框和轮廓",
+  "LIVE_DEV_STYLER_SIDE": "边",
+  "LIVE_DEV_STYLER_PADDING": "内边距",
+  "LIVE_DEV_STYLER_MARGIN": "外边距",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "统一编辑所有边",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "独立编辑各边",
+  "LIVE_DEV_STYLER_LINK_NONE": "独立边 - 每边都有其自己的值",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "配对 - 上下联动，左右联动",
+  "LIVE_DEV_STYLER_LINK_ALL": "所有边联动 - 所有边使用同一个值",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "点击以更改边的联动方式",
+  "LIVE_DEV_STYLER_ALL_SIDES": "所有",
+  "LIVE_DEV_STYLER_DISPLAY": "显示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "内容对齐",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "项目对齐",
+  "LIVE_DEV_STYLER_WRAP": "换行",
+  "LIVE_DEV_STYLER_GAP": "间距",
+  "LIVE_DEV_STYLER_COLUMNS": "列",
+  "LIVE_DEV_STYLER_ROWS": "行",
+  "LIVE_DEV_STYLER_POSITION": "定位",
+  "LIVE_DEV_STYLER_Z_INDEX": "层叠顺序",
+  "LIVE_DEV_STYLER_BLOCK": "块",
+  "LIVE_DEV_STYLER_INLINE": "行内",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "行内块",
+  "LIVE_DEV_STYLER_FLEX": "弹性",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "行内弹性",
+  "LIVE_DEV_STYLER_GRID": "网格",
+  "LIVE_DEV_STYLER_HIDDEN": "隐藏",
+  "LIVE_DEV_STYLER_ROW": "行",
+  "LIVE_DEV_STYLER_COLUMN": "列",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "行反向",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列反向",
+  "LIVE_DEV_STYLER_START": "起点",
+  "LIVE_DEV_STYLER_CENTER": "居中",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "两端对齐",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "环绕对齐",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "均匀分布",
+  "LIVE_DEV_STYLER_STRETCH": "拉伸",
+  "LIVE_DEV_STYLER_BASELINE": "基线",
+  "LIVE_DEV_STYLER_NO_WRAP": "不换行",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向换行",
+  "LIVE_DEV_STYLER_STATIC": "静态",
+  "LIVE_DEV_STYLER_RELATIVE": "相对",
+  "LIVE_DEV_STYLER_ABSOLUTE": "绝对",
+  "LIVE_DEV_STYLER_STICKY": "粘性",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "将更改保存至",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "内联",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "影响页面上的 {0}",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新建样式…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新样式",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "将类“{0}”添加到此元素，并将样式保存在 {1} 中",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "为此元素指定 ID“{0}”，并将样式保存在 {1} 中",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "将样式保存在 {0} 中 - 仅为此元素设置样式",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "将样式保存在 {0} 中 - 为页面上的 {1} 个元素设置样式",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "已有其他元素使用该 ID - 请尝试改用类",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "这与所选元素不匹配，因此您的编辑不会生效",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "尚无法在此处实时编辑类似“:hover”的样式",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "这看起来不是一个有效的样式名称 - 请尝试使用类（如 .card）或 ID（如 #hero）",
+  "LIVE_DEV_STYLER_CREATE": "创建",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高度",
+  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小宽度",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大宽度",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "显示最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "隐藏最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "切换单位 - 在 {0} 之间切换",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "减小 {0}",
+  "LIVE_DEV_STYLER_INCREASE": "增加值",
+  "LIVE_DEV_STYLER_DECREASE": "减小值",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 单击：x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "从页面拾取颜色"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index f25d4a4b24..c56fb4a677 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -170,6 +170,12 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "刪除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "圖片庫",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "更多選項",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
+  "LIVE_DEV_STYLER_TOP": "上方",
+  "LIVE_DEV_STYLER_RIGHT": "右側",
+  "LIVE_DEV_STYLER_BOTTOM": "下方",
+  "LIVE_DEV_STYLER_LEFT": "左側",
+  "LIVE_DEV_STYLER_END": "End",
   "LIVE_DEV_MORE_OPTIONS_CUT": "剪下",
   "LIVE_DEV_MORE_OPTIONS_COPY": "複製",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "貼上",
@@ -181,8 +187,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "搜尋元素…",
   "LIVE_DEV_INSERT_COMMON": "常用",
   "LIVE_DEV_INSERT_NO_RESULTS": "無相符的元素",
+  "LIVE_DEV_INSERT_SHOW_MORE": "顯示更多",
   "LIVE_DEV_INSERT_SHOW_LESS": "顯示更少",
   "LIVE_DEV_INSERT_CREATE": "建立",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的頁面是空的 — 新增一個元素",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "新增第一個元素",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "收合",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "兩種新的編輯方式",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "新增 HTML 元素",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "編輯標籤、類別、ID 和屬性",
@@ -2274,8 +2284,142 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "LIVE_DEV_INSERT_SHOW_MORE": "顯示更多",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "您的頁面是空的 — 新增一個元素",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "新增第一個元素",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "收合"
+  "LIVE_DEV_STYLER_BACKGROUND": "背景顏色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文字顏色",
+  "LIVE_DEV_STYLER_FONT": "字型",
+  "LIVE_DEV_STYLER_SIZE": "字體大小",
+  "LIVE_DEV_STYLER_WEIGHT": "字體粗細",
+  "LIVE_DEV_STYLER_ALIGN": "文字對齊",
+  "LIVE_DEV_STYLER_BORDER": "邊框",
+  "LIVE_DEV_STYLER_SPACING": "外距與內距",
+  "LIVE_DEV_STYLER_LAYOUT": "版面配置",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文字樣式",
+  "LIVE_DEV_STYLER_DOCK_TOP": "移動工具列至頂部",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "移動工具列至底部",
+  "LIVE_DEV_STYLER_RESET": "重設變更",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "沒有可重設的變更",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "各邊不同 — 請分別編輯各邊",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜尋字體…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系統",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "此頁面",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自訂",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用「{0}」",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "找不到字型",
+  "LIVE_DEV_STYLER_LOAD_MORE": "載入更多",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "纖細",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特細",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細體",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗體",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗體",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗體",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗體",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "字元間距",
+  "LIVE_DEV_STYLER_WORD_SPACING": "字詞間距",
+  "LIVE_DEV_STYLER_CASE": "大小寫",
+  "LIVE_DEV_STYLER_BOLD": "粗體",
+  "LIVE_DEV_STYLER_ITALIC": "斜體",
+  "LIVE_DEV_STYLER_UNDERLINE": "底線",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "刪除線",
+  "LIVE_DEV_STYLER_NONE": "無",
+  "LIVE_DEV_STYLER_UPPERCASE": "大寫",
+  "LIVE_DEV_STYLER_LOWERCASE": "小寫",
+  "LIVE_DEV_STYLER_CAPITALIZE": "字首大寫",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "靠左對齊",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "置中對齊",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "靠右對齊",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "左右對齊",
+  "LIVE_DEV_STYLER_CLEAR": "清除",
+  "LIVE_DEV_STYLER_RADIUS": "半徑",
+  "LIVE_DEV_STYLER_WIDTH": "寬度",
+  "LIVE_DEV_STYLER_COLOR": "顏色",
+  "LIVE_DEV_STYLER_STYLE": "樣式",
+  "LIVE_DEV_STYLER_SOLID": "實線",
+  "LIVE_DEV_STYLER_DASHED": "虛線",
+  "LIVE_DEV_STYLER_DOTTED": "點線",
+  "LIVE_DEV_STYLER_DOUBLE": "雙線",
+  "LIVE_DEV_STYLER_OUTLINE": "外框",
+  "LIVE_DEV_STYLER_OFFSET": "偏移",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "邊框與外框",
+  "LIVE_DEV_STYLER_SIDE": "邊",
+  "LIVE_DEV_STYLER_PADDING": "內距",
+  "LIVE_DEV_STYLER_MARGIN": "外距",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "同時編輯所有邊",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "獨立編輯各邊",
+  "LIVE_DEV_STYLER_LINK_NONE": "獨立邊 - 各邊皆有其獨立值",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "成對 - 上下連動，左右連動",
+  "LIVE_DEV_STYLER_LINK_ALL": "所有邊連動 - 所有邊使用相同的值",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "點擊以切換邊的連動方式",
+  "LIVE_DEV_STYLER_ALL_SIDES": "全部",
+  "LIVE_DEV_STYLER_DISPLAY": "顯示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "內容對齊",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "項目對齊",
+  "LIVE_DEV_STYLER_WRAP": "換行",
+  "LIVE_DEV_STYLER_GAP": "間距",
+  "LIVE_DEV_STYLER_COLUMNS": "欄",
+  "LIVE_DEV_STYLER_ROWS": "列",
+  "LIVE_DEV_STYLER_POSITION": "位置",
+  "LIVE_DEV_STYLER_Z_INDEX": "堆疊順序",
+  "LIVE_DEV_STYLER_BLOCK": "區塊",
+  "LIVE_DEV_STYLER_INLINE": "行內",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "行內區塊",
+  "LIVE_DEV_STYLER_FLEX": "彈性",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "行內彈性",
+  "LIVE_DEV_STYLER_GRID": "網格",
+  "LIVE_DEV_STYLER_HIDDEN": "隱藏",
+  "LIVE_DEV_STYLER_ROW": "列",
+  "LIVE_DEV_STYLER_COLUMN": "欄",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "列反向",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "欄反向",
+  "LIVE_DEV_STYLER_START": "起始",
+  "LIVE_DEV_STYLER_CENTER": "置中",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "兩端對齊",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "環繞均分",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "平均分布",
+  "LIVE_DEV_STYLER_STRETCH": "延展",
+  "LIVE_DEV_STYLER_BASELINE": "基線",
+  "LIVE_DEV_STYLER_NO_WRAP": "不換行",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向換行",
+  "LIVE_DEV_STYLER_STATIC": "靜態",
+  "LIVE_DEV_STYLER_RELATIVE": "相對",
+  "LIVE_DEV_STYLER_ABSOLUTE": "絕對",
+  "LIVE_DEV_STYLER_STICKY": "黏貼",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "將變更儲存至",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "行內",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "影響頁面上的 {0}",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新樣式…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新樣式",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "將類別「{0}」新增至此元素，並將樣式儲存於 {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "為此元素指定 ID「{0}」，並將樣式儲存於 {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "將樣式儲存於 {0} - 僅為此元素設定樣式",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "將樣式儲存於 {0} - 為頁面上的 {1} 個元素設定樣式",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "另一個元素已有該 ID - 請改用類別",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "這不符合所選的元素，因此您的編輯將不會對其產生任何變更",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "類似「:hover」的樣式目前尚無法在此處即時編輯",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "這似乎不是有效的樣式名稱 - 請嘗試使用像 .card 的類別或像 #hero 的 ID",
+  "LIVE_DEV_STYLER_CREATE": "建立",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高度",
+  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小寬度",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大寬度",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "顯示最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "隱藏最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "變更單位 - 在 {0} 之間切換",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "減少 {0}",
+  "LIVE_DEV_STYLER_INCREASE": "增加數值",
+  "LIVE_DEV_STYLER_DECREASE": "減少數值",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 點擊：x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "從頁面選取顏色"
 });
\ No newline at end of file

From eadc51320f35bb7584fe673960ede145a40acec3 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Mon, 15 Jun 2026 08:26:49 +0000
Subject: [PATCH 20/49] ci: update Translations

---
 src/nls/hu/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/hu/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/pt-br/lastTranslated.json | 138 +++++++++++++++++++++++++++
 src/nls/pt-br/strings.js          | 140 ++++++++++++++++++++++++++-
 src/nls/pt-pt/lastTranslated.json | 144 ++++++++++++++++++++++++++++
 src/nls/pt-pt/strings.js          | 152 +++++++++++++++++++++++++++++-
 src/nls/ro/lastTranslated.json    | 139 +++++++++++++++++++++++++++
 src/nls/ro/strings.js             | 141 ++++++++++++++++++++++++++-
 src/nls/ru/lastTranslated.json    | 143 ++++++++++++++++++++++++++++
 src/nls/ru/strings.js             | 145 +++++++++++++++++++++++++++-
 src/nls/sk/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/sk/strings.js             | 152 +++++++++++++++++++++++++++++-
 src/nls/sr/lastTranslated.json    | 139 +++++++++++++++++++++++++++
 src/nls/sr/strings.js             | 141 ++++++++++++++++++++++++++-
 src/nls/sv/lastTranslated.json    | 138 +++++++++++++++++++++++++++
 src/nls/sv/strings.js             | 140 ++++++++++++++++++++++++++-
 src/nls/tr/lastTranslated.json    | 144 ++++++++++++++++++++++++++++
 src/nls/tr/strings.js             | 152 +++++++++++++++++++++++++++++-
 18 files changed, 2567 insertions(+), 21 deletions(-)

diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index d5c76e3443..650766582f 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Elemek keresése…",
   "LIVE_DEV_INSERT_COMMON": "Gyakori",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nincs egyező elem",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Több mutatása",
   "LIVE_DEV_INSERT_SHOW_LESS": "Kevesebb mutatása",
   "LIVE_DEV_INSERT_CREATE": "Létrehozás",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Az oldala üres – adjon hozzá egy elemet",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Első elem hozzáadása",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Összecsukás",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Két új szerkesztési mód",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Új HTML-elemek hozzáadása",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Címke, osztályok, azonosító és attribútumok szerkesztése",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Több mutatása",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Az oldala üres – adjon hozzá egy elemet",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Első elem hozzáadása",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Összecsukás"
+  "LIVE_DEV_STYLER_BACKGROUND": "Háttérszín",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Szövegszín",
+  "LIVE_DEV_STYLER_FONT": "Betűtípus",
+  "LIVE_DEV_STYLER_SIZE": "Betűméret",
+  "LIVE_DEV_STYLER_WEIGHT": "Betűvastagság",
+  "LIVE_DEV_STYLER_ALIGN": "Szövegigazítás",
+  "LIVE_DEV_STYLER_BORDER": "Szegély",
+  "LIVE_DEV_STYLER_SPACING": "Margó és belső margó",
+  "LIVE_DEV_STYLER_LAYOUT": "Elrendezés",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Szövegstílus",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Áthelyezés felülre",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Áthelyezés alulra",
+  "LIVE_DEV_STYLER_RESET": "Változtatások visszaállítása",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nincs visszaállítható változtatás",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Kész",
+  "LIVE_DEV_STYLER_MIXED": "Vegyes",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Az oldalak eltérőek — szerkessze őket egyenként",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Betűtípusok keresése…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Rendszer",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Ezen az oldalon",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egyéni",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" használata",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nem található betűtípus",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Továbbiak betöltése",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Vékony",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra vékony",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Világos",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normál",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Közepes",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Félkövér",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kövér",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra kövér",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Fekete",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Sormagasság",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Betűköz",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Szóköz",
+  "LIVE_DEV_STYLER_CASE": "Kis- és nagybetűk",
+  "LIVE_DEV_STYLER_BOLD": "Félkövér",
+  "LIVE_DEV_STYLER_ITALIC": "Dőlt",
+  "LIVE_DEV_STYLER_UNDERLINE": "Aláhúzott",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Áthúzott",
+  "LIVE_DEV_STYLER_NONE": "Nincs",
+  "LIVE_DEV_STYLER_UPPERCASE": "Nagybetűs",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kisbetűs",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Nagy kezdőbetűs",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Balra igazítás",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Középre igazítás",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Jobbra igazítás",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Sorkizárt",
+  "LIVE_DEV_STYLER_CLEAR": "Törlés",
+  "LIVE_DEV_STYLER_RADIUS": "Sugár",
+  "LIVE_DEV_STYLER_WIDTH": "Szélesség",
+  "LIVE_DEV_STYLER_COLOR": "Szín",
+  "LIVE_DEV_STYLER_STYLE": "Stílus",
+  "LIVE_DEV_STYLER_SOLID": "Folytonos",
+  "LIVE_DEV_STYLER_DASHED": "Szaggatott",
+  "LIVE_DEV_STYLER_DOTTED": "Pontozott",
+  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
+  "LIVE_DEV_STYLER_OUTLINE": "Körvonal",
+  "LIVE_DEV_STYLER_OFFSET": "Eltolás",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Szegély és körvonal",
+  "LIVE_DEV_STYLER_SIDE": "Oldal",
+  "LIVE_DEV_STYLER_PADDING": "Belső margó",
+  "LIVE_DEV_STYLER_MARGIN": "Margó",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Az összes oldal együttes szerkesztése",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Az oldalak szerkesztése külön-külön",
+  "LIVE_DEV_STYLER_LINK_NONE": "Független oldalak – minden oldalnak saját értéke van",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Párosítva – a felső és alsó, valamint a bal és jobb oldal összekapcsolva",
+  "LIVE_DEV_STYLER_LINK_ALL": "Minden oldal összekapcsolva – egy érték minden oldalra",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kattintson az oldalak összekapcsolásának módosításához",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Összes",
+  "LIVE_DEV_STYLER_TOP": "Felső",
+  "LIVE_DEV_STYLER_RIGHT": "Jobb",
+  "LIVE_DEV_STYLER_BOTTOM": "Alsó",
+  "LIVE_DEV_STYLER_LEFT": "Bal",
+  "LIVE_DEV_STYLER_DISPLAY": "Megjelenítés",
+  "LIVE_DEV_STYLER_DIRECTION": "Irány",
+  "LIVE_DEV_STYLER_JUSTIFY": "Igazítás",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemek igazítása",
+  "LIVE_DEV_STYLER_WRAP": "Tördelés",
+  "LIVE_DEV_STYLER_GAP": "Hézag",
+  "LIVE_DEV_STYLER_COLUMNS": "Oszlopok",
+  "LIVE_DEV_STYLER_ROWS": "Sorok",
+  "LIVE_DEV_STYLER_POSITION": "Pozíció",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blokk",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blokk",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Soron belüli flex",
+  "LIVE_DEV_STYLER_GRID": "Rács",
+  "LIVE_DEV_STYLER_HIDDEN": "Rejtett",
+  "LIVE_DEV_STYLER_ROW": "Sor",
+  "LIVE_DEV_STYLER_COLUMN": "Oszlop",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fordított sor",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Fordított oszlop",
+  "LIVE_DEV_STYLER_START": "Kezdet",
+  "LIVE_DEV_STYLER_CENTER": "Középre",
+  "LIVE_DEV_STYLER_END": "Vége",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Elosztás",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Körbeosztás",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Egyenletes elosztás",
+  "LIVE_DEV_STYLER_STRETCH": "Nyújtás",
+  "LIVE_DEV_STYLER_BASELINE": "Alapvonal",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nincs sortörés",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Fordított sortörés",
+  "LIVE_DEV_STYLER_STATIC": "Statikus",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatív",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Abszolút",
+  "LIVE_DEV_STYLER_STICKY": "Tapadó",
+  "LIVE_DEV_STYLER_FIXED": "Rögzített",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Változtatások mentése ide",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Beágyazott",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "közvetlenül az elemen",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "{0} elemet érint az oldalon",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Új stílus…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Új stílus",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Hozzáadja a „{0}” osztályt ehhez az elemhez, és a stílust a {1}-ba menti.",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "A „{0}” azonosítót adja ennek az elemnek, és a stílust a {1}-ba menti.",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "A stílust a(z) {0} fájlba menti – csak ezt az elemet formázza",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "A stílust a(z) {0} fájlba menti – {1} elemet formáz az oldalon",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Egy másik elem már használja ezt az azonosítót – használjon inkább osztályt.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ez nem egyezik a kiválasztott elemmel, így a módosításai nem lennének hatással rá.",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "A(z) „:hover” típusú stílusok itt egyelőre nem szerkeszthetők élőben.",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Ez nem tűnik érvényes stílusnévnek – próbáljon meg egy osztályt, például .card, vagy egy azonosítót, például #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Létrehozás",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "pl. .card vagy #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Magasság",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Méret",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. szélesség",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. szélesség",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. magasság",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. magasság",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min/max mérethatárok megjelenítése",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min/max mérethatárok elrejtése",
+  "LIVE_DEV_STYLER_OPACITY": "Átlátszóság",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mértékegység váltása – váltás a(z) {0} között",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} növelése",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} csökkentése",
+  "LIVE_DEV_STYLER_INCREASE": "Érték növelése",
+  "LIVE_DEV_STYLER_DECREASE": "Érték csökkentése",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kattintás: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Szín felvétele az oldalról"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 2232a4f86d..f04c2cf16c 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -1802,12 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
   "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
   "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
   "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 312ea0c108..08301f9b31 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -2283,5 +2283,143 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Mais uma coisa",
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Família da fonte",
+  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Borda",
+  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_RESET": "Redefinir alterações",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nenhuma alteração para redefinir",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Lados diferem — edite cada lado separadamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar fontes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_ITALIC": "Itálico",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
+  "LIVE_DEV_STYLER_NONE": "Nenhum",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centralizar",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Largura",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólida",
+  "LIVE_DEV_STYLER_DASHED": "Tracejada",
+  "LIVE_DEV_STYLER_DOTTED": "Pontilhada",
+  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borda e Contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Espaçamento Interno",
+  "LIVE_DEV_STYLER_MARGIN": "Margem",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados juntos",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados separadamente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem seu próprio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Em pares - superior e inferior vinculados, esquerdo e direito vinculados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados - um valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar como os lados são vinculados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
+  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
+  "LIVE_DEV_STYLER_DIRECTION": "Direção",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
+  "LIVE_DEV_STYLER_WRAP": "Quebra",
+  "LIVE_DEV_STYLER_GAP": "Espaçamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
+  "LIVE_DEV_STYLER_ROWS": "Linhas",
+  "LIVE_DEV_STYLER_POSITION": "Posição",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloco",
+  "LIVE_DEV_STYLER_INLINE": "Em linha",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em linha",
+  "LIVE_DEV_STYLER_GRID": "Grade",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Linha",
+  "LIVE_DEV_STYLER_COLUMN": "Coluna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Reversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Reversa",
+  "LIVE_DEV_STYLER_START": "Início",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço Entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço ao Redor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço Uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Esticar",
+  "LIVE_DEV_STYLER_BASELINE": "Linha de Base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Não Quebrar",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra de Linha Reversa",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Aderente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salvar alterações em",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Embutido",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e salva o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui o id \"{0}\" a este elemento e salva o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva o estilo em {0} - estiliza apenas este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva o estilo em {0} - estiliza {1} elementos na página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já possui esse id - tente usar uma classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, então suas edições não o alterarão",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados ao vivo aqui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece um nome de estilo válido - tente uma classe como .card ou um id como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Criar",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ex.: .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 31d8dbc54a..31d1543c62 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Procurar elementos…",
   "LIVE_DEV_INSERT_COMMON": "Comum",
   "LIVE_DEV_INSERT_NO_RESULTS": "Nenhum elemento correspondente",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
   "LIVE_DEV_INSERT_SHOW_LESS": "Mostrar menos",
   "LIVE_DEV_INSERT_CREATE": "Criar",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A sua página está vazia — adicione um elemento",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicionar o seu primeiro elemento",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Duas novas formas de editar",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Adicionar novos elementos HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Editar tag, classes, ID e atributos",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Mostrar mais",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "A sua página está vazia — adicione um elemento",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Adicionar o seu primeiro elemento",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Recolher"
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Família de fonte",
+  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposição",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_RESET": "Repor alterações",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sem alterações para repor",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados diferem — edite cada lado separadamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar tipos de letra…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra negrito",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_ITALIC": "Itálico",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Rasurado",
+  "LIVE_DEV_STYLER_NONE": "Nenhum",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinhar ao centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Largura",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "Tracejado",
+  "LIVE_DEV_STYLER_DOTTED": "Pontilhado",
+  "LIVE_DEV_STYLER_DOUBLE": "Duplo",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e Contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Espaçamento interno",
+  "LIVE_DEV_STYLER_MARGIN": "Margem",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados em conjunto",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados independentemente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem o seu próprio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparelhado - superior e inferior ligados, esquerdo e direito ligados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados ligados - um valor para todos os lados",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar a ligação dos lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
+  "LIVE_DEV_STYLER_TOP": "Superior",
+  "LIVE_DEV_STYLER_RIGHT": "Direita",
+  "LIVE_DEV_STYLER_BOTTOM": "Inferior",
+  "LIVE_DEV_STYLER_LEFT": "Esquerda",
+  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
+  "LIVE_DEV_STYLER_DIRECTION": "Direção",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
+  "LIVE_DEV_STYLER_WRAP": "Quebra",
+  "LIVE_DEV_STYLER_GAP": "Espaçamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
+  "LIVE_DEV_STYLER_ROWS": "Linhas",
+  "LIVE_DEV_STYLER_POSITION": "Posição",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloco",
+  "LIVE_DEV_STYLER_INLINE": "Em linha",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em Linha",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Linha",
+  "LIVE_DEV_STYLER_COLUMN": "Coluna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Inversa",
+  "LIVE_DEV_STYLER_START": "Início",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Fim",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço à volta",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Esticar",
+  "LIVE_DEV_STYLER_BASELINE": "Linha de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sem quebra",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra inversa",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Aderente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar alterações em",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Em linha",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e guarda o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui a este elemento o id \"{0}\" e guarda o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda o estilo em {0} - aplica o estilo apenas a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda o estilo em {0} - aplica o estilo a {1} elementos na página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já tem esse ID - experimente usar uma classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, pelo que as suas edições não o irão alterar",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados em tempo real aqui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece ser um nome de estilo válido - experimente uma classe como .card ou um ID como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Criar",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ex. .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index c6929b10d9..f04c2cf16c 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -1802,11 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
   "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
   "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
   "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 42f48a4455..1b8309e609 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -2282,5 +2282,144 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Încă ceva",
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
+  "LIVE_DEV_STYLER_BACKGROUND": "Culoare de fundal",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Culoare text",
+  "LIVE_DEV_STYLER_FONT": "Familie de fonturi",
+  "LIVE_DEV_STYLER_SIZE": "Dimensiune font",
+  "LIVE_DEV_STYLER_WEIGHT": "Grosime font",
+  "LIVE_DEV_STYLER_ALIGN": "Aliniere text",
+  "LIVE_DEV_STYLER_BORDER": "Bordură",
+  "LIVE_DEV_STYLER_SPACING": "Margine și spațiere",
+  "LIVE_DEV_STYLER_LAYOUT": "Aranjament",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil text",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mută bara sus",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mută bara jos",
+  "LIVE_DEV_STYLER_RESET": "Resetează modificările",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nicio modificare de resetat",
+  "LIVE_DEV_STYLER_MIXED": "Mixt",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Laturile diferă — editează fiecare latură separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Caută fonturi…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Pe această pagină",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizat",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Folosește „{0}”",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nu s-au găsit fonturi",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Încarcă mai multe",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Subțire",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra subțire",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ușor",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mediu",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semi-îngroșat",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Aldin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Aldin",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinie",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Spațiere între litere",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Spațiere între cuvinte",
+  "LIVE_DEV_STYLER_CASE": "Capitalizare",
+  "LIVE_DEV_STYLER_BOLD": "Aldin",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subliniat",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tăiat",
+  "LIVE_DEV_STYLER_NONE": "Fără",
+  "LIVE_DEV_STYLER_UPPERCASE": "Majuscule",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscule",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizează",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliniere la stânga",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliniere la centru",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliniere la dreapta",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificare",
+  "LIVE_DEV_STYLER_CLEAR": "Curăță",
+  "LIVE_DEV_STYLER_RADIUS": "Rază",
+  "LIVE_DEV_STYLER_WIDTH": "Lățime",
+  "LIVE_DEV_STYLER_COLOR": "Culoare",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Întrerupt",
+  "LIVE_DEV_STYLER_DOTTED": "Punctat",
+  "LIVE_DEV_STYLER_DOUBLE": "Dublu",
+  "LIVE_DEV_STYLER_OUTLINE": "Contur",
+  "LIVE_DEV_STYLER_OFFSET": "Decalaj",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordură și Contur",
+  "LIVE_DEV_STYLER_SIDE": "Latură",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editați toate laturile împreună",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editați laturile independent",
+  "LIVE_DEV_STYLER_LINK_NONE": "Laturi independente - fiecare latură are propria sa valoare",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Împerecheate - sus și jos legate, stânga și dreapta legate",
+  "LIVE_DEV_STYLER_LINK_ALL": "Toate laturile legate - o singură valoare pentru fiecare latură",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faceți clic pentru a schimba modul în care sunt legate laturile",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Toate",
+  "LIVE_DEV_STYLER_DISPLAY": "Afișare",
+  "LIVE_DEV_STYLER_DIRECTION": "Direcție",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificare",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliniere elemente",
+  "LIVE_DEV_STYLER_WRAP": "Împachetare",
+  "LIVE_DEV_STYLER_GAP": "Spațiu",
+  "LIVE_DEV_STYLER_COLUMNS": "Coloane",
+  "LIVE_DEV_STYLER_ROWS": "Rânduri",
+  "LIVE_DEV_STYLER_POSITION": "Poziție",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloc",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Bloc",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grilă",
+  "LIVE_DEV_STYLER_HIDDEN": "Ascuns",
+  "LIVE_DEV_STYLER_ROW": "Rând",
+  "LIVE_DEV_STYLER_COLUMN": "Coloană",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Rând invers",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coloană inversă",
+  "LIVE_DEV_STYLER_START": "Început",
+  "LIVE_DEV_STYLER_CENTER": "Centru",
+  "LIVE_DEV_STYLER_END": "Sfârșit",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spațiu între",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spațiu în jur",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spațiu uniform",
+  "LIVE_DEV_STYLER_STRETCH": "Întindere",
+  "LIVE_DEV_STYLER_BASELINE": "Linie de bază",
+  "LIVE_DEV_STYLER_NO_WRAP": "Fără încadrare",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Încadrare inversă",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fix",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salvează modificările la",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direct pe element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afectează {0} pe pagină",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Stil nou…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Stil nou",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adaugă clasa \"{0}\" acestui element și salvează stilul în {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribuie acestui element ID-ul \"{0}\" și salvează stilul în {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salvează stilul în {0} - stilează doar acest element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salvează stilul în {0} - stilează {1} elemente pe pagină",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un alt element are deja acel ID - încearcă o clasă în schimb",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Acesta nu corespunde elementului selectat, așa că modificările tale nu l-ar schimba",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilurile precum \":hover\" nu pot fi încă editate live aici",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Acesta nu pare a fi un nume de stil valid - încearcă o clasă precum .card sau un id precum #hero",
+  "LIVE_DEV_STYLER_CREATE": "Creează",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "de ex. .card sau #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Înălțime",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensiune",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Lățime minimă",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Lățime maximă",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Înălțime minimă",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Înălțime maximă",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afișează limitele de dimensiune min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ascunde limitele de dimensiune min / max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitate",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Schimbă unitatea - comută între {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Mărește {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Micșorează {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Mărește valoarea",
+  "LIVE_DEV_STYLER_DECREASE": "Micșorează valoarea",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Alege o culoare de pe pagină"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 7eb1de0ee9..f04c2cf16c 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -1802,7 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index 08d5387b4a..00a6557d18 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -2278,5 +2278,148 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Еще кое-что",
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
+  "LIVE_DEV_STYLER_BACKGROUND": "Цвет фона",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвет текста",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Размер шрифта",
+  "LIVE_DEV_STYLER_WEIGHT": "Начертание",
+  "LIVE_DEV_STYLER_ALIGN": "Выравнивание текста",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Поля и отступы",
+  "LIVE_DEV_STYLER_LAYOUT": "Макет",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Переместить панель наверх",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Переместить панель вниз",
+  "LIVE_DEV_STYLER_RESET": "Сбросить изменения",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нет изменений для сброса",
+  "LIVE_DEV_STYLER_MIXED": "Смешанные",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Стороны различаются — редактируйте каждую сторону отдельно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Поиск шрифтов…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системные",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На этой странице",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Пользовательский",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Использовать «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифты не найдены",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Загрузить ещё",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Сверхсветлый",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светлый",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обычный",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средний",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Сверхжирный",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чёрный",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Высота строки",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Межбуквенный интервал",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Межсловный интервал",
+  "LIVE_DEV_STYLER_CASE": "Регистр",
+  "LIVE_DEV_STYLER_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подчёркнутый",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачёркнутый",
+  "LIVE_DEV_STYLER_NONE": "Нет",
+  "LIVE_DEV_STYLER_UPPERCASE": "Верхний регистр",
+  "LIVE_DEV_STYLER_LOWERCASE": "Нижний регистр",
+  "LIVE_DEV_STYLER_CAPITALIZE": "С прописной буквы",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Выровнять по левому краю",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Выровнять по центру",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Выровнять по правому краю",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Выровнять по ширине",
+  "LIVE_DEV_STYLER_CLEAR": "Очистить",
+  "LIVE_DEV_STYLER_RADIUS": "Радиус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Цвет",
+  "LIVE_DEV_STYLER_STYLE": "Стиль",
+  "LIVE_DEV_STYLER_SOLID": "Сплошная",
+  "LIVE_DEV_STYLER_DASHED": "Пунктирная",
+  "LIVE_DEV_STYLER_DOTTED": "Точечная",
+  "LIVE_DEV_STYLER_DOUBLE": "Двойная",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Смещение",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Граница и контур",
+  "LIVE_DEV_STYLER_SIDE": "Сторона",
+  "LIVE_DEV_STYLER_PADDING": "Внутренний отступ",
+  "LIVE_DEV_STYLER_MARGIN": "Внешний отступ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактировать все стороны вместе",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактировать стороны независимо",
+  "LIVE_DEV_STYLER_LINK_NONE": "Независимые стороны - у каждой стороны свое значение",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Попарно - верх и низ связаны, лево и право связаны",
+  "LIVE_DEV_STYLER_LINK_ALL": "Все стороны связаны - одно значение для всех сторон",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Нажмите, чтобы изменить способ связывания сторон",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Все",
+  "LIVE_DEV_STYLER_TOP": "Сверху",
+  "LIVE_DEV_STYLER_RIGHT": "Справа",
+  "LIVE_DEV_STYLER_BOTTOM": "Снизу",
+  "LIVE_DEV_STYLER_LEFT": "Слева",
+  "LIVE_DEV_STYLER_DISPLAY": "Отображение",
+  "LIVE_DEV_STYLER_DIRECTION": "Направление",
+  "LIVE_DEV_STYLER_JUSTIFY": "Выравнивание",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Выравнивание элементов",
+  "LIVE_DEV_STYLER_WRAP": "Перенос",
+  "LIVE_DEV_STYLER_GAP": "Промежуток",
+  "LIVE_DEV_STYLER_COLUMNS": "Колонки",
+  "LIVE_DEV_STYLER_ROWS": "Ряды",
+  "LIVE_DEV_STYLER_POSITION": "Положение",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блочный",
+  "LIVE_DEV_STYLER_INLINE": "Строчный",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Строчно-блочный",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Строчный флекс",
+  "LIVE_DEV_STYLER_GRID": "Сетка",
+  "LIVE_DEV_STYLER_HIDDEN": "Скрытый",
+  "LIVE_DEV_STYLER_ROW": "Строка",
+  "LIVE_DEV_STYLER_COLUMN": "Колонка",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратная строка",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратная колонка",
+  "LIVE_DEV_STYLER_START": "Начало",
+  "LIVE_DEV_STYLER_CENTER": "Центр",
+  "LIVE_DEV_STYLER_END": "Конец",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Отступы вокруг",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерное распределение",
+  "LIVE_DEV_STYLER_STRETCH": "Растянуть",
+  "LIVE_DEV_STYLER_BASELINE": "По базовой линии",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без переноса",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратный перенос",
+  "LIVE_DEV_STYLER_STATIC": "Статичное",
+  "LIVE_DEV_STYLER_RELATIVE": "Относительное",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютное",
+  "LIVE_DEV_STYLER_STICKY": "Липкое",
+  "LIVE_DEV_STYLER_FIXED": "Фиксированный",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Применить изменения к",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Встроенный",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "непосредственно на элементе",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "затрагивает {0} на странице",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Новый стиль…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новый стиль",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавляет класс «{0}» к этому элементу и сохраняет стиль в {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Присваивает этому элементу идентификатор «{0}» и сохраняет стиль в {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Сохраняет стиль в {0} — стилизует только этот элемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Сохраняет стиль в {0} — стилизует {1} элементов на странице",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "У другого элемента уже есть такой id — попробуйте использовать класс",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Это не соответствует выбранному элементу, поэтому ваши правки не изменят его",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стили вроде \":hover\" пока нельзя редактировать в реальном времени",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Это не похоже на допустимое имя стиля — попробуйте класс, например .card, или id, например #hero",
+  "LIVE_DEV_STYLER_CREATE": "Создать",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр., .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Высота",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Мин. ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мин. высота",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. высота",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показать мин./макс. ограничения размера",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрыть мин./макс. ограничения размера",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозрачность",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Изменить единицу измерения — переключает между {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличить {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Уменьшить {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Увеличить значение",
+  "LIVE_DEV_STYLER_DECREASE": "Уменьшить значение",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Выбрать цвет со страницы"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index bc9b1d321e..79932ca501 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Hľadať prvky…",
   "LIVE_DEV_INSERT_COMMON": "Bežné",
   "LIVE_DEV_INSERT_NO_RESULTS": "Žiadne zodpovedajúce prvky",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Zobraziť viac",
   "LIVE_DEV_INSERT_SHOW_LESS": "Zobraziť menej",
   "LIVE_DEV_INSERT_CREATE": "Vytvoriť",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stránka je prázdna — pridajte prvok",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pridajte svoj prvý prvok",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zbaliť",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Dva nové spôsoby úprav",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Pridajte nové prvky HTML",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Upravte značku, triedy, ID a atribúty",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Zobraziť viac",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Vaša stránka je prázdna — pridajte prvok",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "Pridajte svoj prvý prvok",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Zbaliť"
+  "LIVE_DEV_STYLER_BACKGROUND": "Farba pozadia",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Farba textu",
+  "LIVE_DEV_STYLER_FONT": "Typ písma",
+  "LIVE_DEV_STYLER_SIZE": "Veľkosť písma",
+  "LIVE_DEV_STYLER_WEIGHT": "Hrúbka písma",
+  "LIVE_DEV_STYLER_ALIGN": "Zarovnanie textu",
+  "LIVE_DEV_STYLER_BORDER": "Orámovanie",
+  "LIVE_DEV_STYLER_SPACING": "Okraje a výplň",
+  "LIVE_DEV_STYLER_LAYOUT": "Rozloženie",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Štýl textu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Presunúť panel nahor",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Presunúť panel nadol",
+  "LIVE_DEV_STYLER_RESET": "Obnoviť zmeny",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žiadne zmeny na obnovenie",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
+  "LIVE_DEV_STYLER_MIXED": "Zmiešané",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany sa líšia — upravte každú stranu samostatne",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hľadať písma…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tejto stránke",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastné",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použiť „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenašli sa žiadne písma",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Načítať viac",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra tenké",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Svetlé",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Bežné",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Stredné",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Veľmi tučné",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška riadka",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Rozstup písmen",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Rozstup slov",
+  "LIVE_DEV_STYLER_CASE": "Veľkosť písmen",
+  "LIVE_DEV_STYLER_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podčiarknuté",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Prečiarknuté",
+  "LIVE_DEV_STYLER_NONE": "Žiadne",
+  "LIVE_DEV_STYLER_UPPERCASE": "Veľké písmená",
+  "LIVE_DEV_STYLER_LOWERCASE": "Malé písmená",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Veľké začiatočné písmená",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnať vľavo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnať na stred",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnať vpravo",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnať do bloku",
+  "LIVE_DEV_STYLER_CLEAR": "Vymazať",
+  "LIVE_DEV_STYLER_RADIUS": "Polomer",
+  "LIVE_DEV_STYLER_WIDTH": "Šírka",
+  "LIVE_DEV_STYLER_COLOR": "Farba",
+  "LIVE_DEV_STYLER_STYLE": "Štýl",
+  "LIVE_DEV_STYLER_SOLID": "Plná",
+  "LIVE_DEV_STYLER_DASHED": "Čiarkovaná",
+  "LIVE_DEV_STYLER_DOTTED": "Bodkovaná",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
+  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
+  "LIVE_DEV_STYLER_OFFSET": "Posun",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Orámovanie a obrys",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Vnútorný okraj",
+  "LIVE_DEV_STYLER_MARGIN": "Vonkajší okraj",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Upraviť všetky strany naraz",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upraviť strany samostatne",
+  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má vlastnú hodnotu",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - horná a dolná prepojené, ľavá a pravá prepojené",
+  "LIVE_DEV_STYLER_LINK_ALL": "Všetky strany prepojené - jedna hodnota pre všetky strany",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím zmeníte spôsob prepojenia strán",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Všetky",
+  "LIVE_DEV_STYLER_TOP": "Horný",
+  "LIVE_DEV_STYLER_RIGHT": "Pravý",
+  "LIVE_DEV_STYLER_BOTTOM": "Dolný",
+  "LIVE_DEV_STYLER_LEFT": "Ľavý",
+  "LIVE_DEV_STYLER_DISPLAY": "Zobrazenie",
+  "LIVE_DEV_STYLER_DIRECTION": "Smer",
+  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnanie",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnanie položiek",
+  "LIVE_DEV_STYLER_WRAP": "Zalomenie",
+  "LIVE_DEV_STYLER_GAP": "Medzera",
+  "LIVE_DEV_STYLER_COLUMNS": "Stĺpce",
+  "LIVE_DEV_STYLER_ROWS": "Riadky",
+  "LIVE_DEV_STYLER_POSITION": "Pozícia",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Riadkový",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Riadkový blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex v riadku",
+  "LIVE_DEV_STYLER_GRID": "Mriežka",
+  "LIVE_DEV_STYLER_HIDDEN": "Skryté",
+  "LIVE_DEV_STYLER_ROW": "Riadok",
+  "LIVE_DEV_STYLER_COLUMN": "Stĺpec",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrátený riadok",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrátený stĺpec",
+  "LIVE_DEV_STYLER_START": "Začiatok",
+  "LIVE_DEV_STYLER_CENTER": "Stred",
+  "LIVE_DEV_STYLER_END": "Koniec",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Medzery medzi",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Medzery okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnomerné medzery",
+  "LIVE_DEV_STYLER_STRETCH": "Roztiahnuť",
+  "LIVE_DEV_STYLER_BASELINE": "Základná línia",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez zalamovania",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrátené zalamovanie",
+  "LIVE_DEV_STYLER_STATIC": "Statická",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatívna",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolútna",
+  "LIVE_DEV_STYLER_STICKY": "Prilepené",
+  "LIVE_DEV_STYLER_FIXED": "Fixné",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uložiť zmeny do",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "priamo na elemente",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Ovplyvňuje {0} na stránke",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nový štýl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový štýl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pridá triedu \"{0}\" tomuto elementu a uloží štýl do {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Priradí tomuto elementu id \"{0}\" a uloží štýl do {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží štýl do {0} - štýluje iba tento prvok",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží štýl do {0} - štýluje {1} prvkov na stránke",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Iný prvok už má toto ID - skúste namiesto toho použiť triedu",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto sa nezhoduje s vybraným prvkom, takže vaše úpravy ho nezmenia",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Štýly ako „:hover“ tu zatiaľ nie je možné upravovať naživo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevyzerá ako platný názov štýlu - skúste triedu ako .card alebo ID ako #hero",
+  "LIVE_DEV_STYLER_CREATE": "Vytvoriť",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "napr. .card alebo #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Výška",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Veľkosť",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimálna šírka",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximálna šírka",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimálna výška",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximálna výška",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobraziť limity min./max. veľkosti",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skryť limity min./max. veľkosti",
+  "LIVE_DEV_STYLER_OPACITY": "Nepriehľadnosť",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmeniť jednotku - prepína medzi {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšiť: {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Znížiť: {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zvýšiť hodnotu",
+  "LIVE_DEV_STYLER_DECREASE": "Znížiť hodnotu",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrať farbu zo stránky"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index c6929b10d9..f04c2cf16c 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -1802,11 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
   "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
   "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
   "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 1ce5e2cfd9..8e15521883 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -2282,5 +2282,144 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "Још једна ствар",
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
+  "LIVE_DEV_STYLER_BACKGROUND": "Боја позадине",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Боја текста",
+  "LIVE_DEV_STYLER_FONT": "Породица фонтова",
+  "LIVE_DEV_STYLER_SIZE": "Величина фонта",
+  "LIVE_DEV_STYLER_WEIGHT": "Дебљина фонта",
+  "LIVE_DEV_STYLER_ALIGN": "Поравнање текста",
+  "LIVE_DEV_STYLER_BORDER": "Оквир",
+  "LIVE_DEV_STYLER_SPACING": "Маргина и одстојање",
+  "LIVE_DEV_STYLER_LAYOUT": "Распоред",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Помери траку на врх",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Помери траку на дно",
+  "LIVE_DEV_STYLER_RESET": "Поништи измене",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нема измена за поништавање",
+  "LIVE_DEV_STYLER_MIXED": "Мешовито",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Стране се разликују — уредите сваку страну засебно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Претражи фонтове…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Систем",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На овој страници",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Прилагођено",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Користи „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Није пронађен ниједан фонт",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Учитај још",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Танак",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Изузетно танак",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светао",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обичан",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средњи",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуподебљан",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Подебљано",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра подебљано",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Најдебље",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Проред",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Размак између слова",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Размак између речи",
+  "LIVE_DEV_STYLER_CASE": "Велика/мала слова",
+  "LIVE_DEV_STYLER_BOLD": "Подебљано",
+  "LIVE_DEV_STYLER_ITALIC": "Курзив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подвучено",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Прецртано",
+  "LIVE_DEV_STYLER_NONE": "Ништа",
+  "LIVE_DEV_STYLER_UPPERCASE": "Велика слова",
+  "LIVE_DEV_STYLER_LOWERCASE": "Мала слова",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Капитализација",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Поравнај лево",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Поравнај по средини",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Поравнај десно",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Обострано поравнај",
+  "LIVE_DEV_STYLER_CLEAR": "Очисти",
+  "LIVE_DEV_STYLER_RADIUS": "Радијус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Боја",
+  "LIVE_DEV_STYLER_STYLE": "Стил",
+  "LIVE_DEV_STYLER_SOLID": "Пуна",
+  "LIVE_DEV_STYLER_DASHED": "Испрекидана",
+  "LIVE_DEV_STYLER_DOTTED": "Тачкаста",
+  "LIVE_DEV_STYLER_DOUBLE": "Двострука",
+  "LIVE_DEV_STYLER_OUTLINE": "Контура",
+  "LIVE_DEV_STYLER_OFFSET": "Одмак",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ивица и контура",
+  "LIVE_DEV_STYLER_SIDE": "Страна",
+  "LIVE_DEV_STYLER_PADDING": "Унутрашње одстојање",
+  "LIVE_DEV_STYLER_MARGIN": "Маргина",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Уреди све стране заједно",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Уреди стране појединачно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Појединачне стране - свака страна има своју вредност",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Упарено - горња и доња повезане, лева и десна повезане",
+  "LIVE_DEV_STYLER_LINK_ALL": "Све стране повезане - једна вредност за сваку страну",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликните да промените начин повезивања страна",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Све",
+  "LIVE_DEV_STYLER_DISPLAY": "Приказ",
+  "LIVE_DEV_STYLER_DIRECTION": "Смер",
+  "LIVE_DEV_STYLER_JUSTIFY": "Распоред",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Поравнање ставки",
+  "LIVE_DEV_STYLER_WRAP": "Преламање",
+  "LIVE_DEV_STYLER_GAP": "Размак",
+  "LIVE_DEV_STYLER_COLUMNS": "Колоне",
+  "LIVE_DEV_STYLER_ROWS": "Редови",
+  "LIVE_DEV_STYLER_POSITION": "Позиција",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Линијски",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Линијски блок",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Линијски флекс",
+  "LIVE_DEV_STYLER_GRID": "Мрежа",
+  "LIVE_DEV_STYLER_HIDDEN": "Сакривено",
+  "LIVE_DEV_STYLER_ROW": "Ред",
+  "LIVE_DEV_STYLER_COLUMN": "Колона",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обрнути ред",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обрнута колона",
+  "LIVE_DEV_STYLER_START": "Почетак",
+  "LIVE_DEV_STYLER_CENTER": "Центар",
+  "LIVE_DEV_STYLER_END": "Крај",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Размак између",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Размак око",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномеран размак",
+  "LIVE_DEV_STYLER_STRETCH": "Растегни",
+  "LIVE_DEV_STYLER_BASELINE": "Основна линија",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без преламања",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обрнуто преламање",
+  "LIVE_DEV_STYLER_STATIC": "Статично",
+  "LIVE_DEV_STYLER_RELATIVE": "Релативно",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Апсолутно",
+  "LIVE_DEV_STYLER_STICKY": "Лепљиво",
+  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Сачувај измене у",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Инлајн",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно на елементу",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Примењује се на {0} на страници",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Нови стил…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нови стил",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додаје класу „{0}“ овом елементу и чува стил у {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Додељује овом елементу id „{0}“ и чува стил у {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Чува стил у {0} – стилизује само овај елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Чува стил у {0} – стилизује {1} елемената на страници",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Други елемент већ има тај id – покушајте уместо тога са класом",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ово се не поклапа са изабраним елементом, тако да га ваше измене не би промениле",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилови попут „:hover“ још увек не могу да се уређују уживо овде",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Унето име стила није важеће – покушајте са класом као што је .card или ID-јем као што је #hero",
+  "LIVE_DEV_STYLER_CREATE": "Креирај",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "нпр. .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Висина",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Величина",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална висина",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална висина",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Прикажи ограничења мин/макс величине",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Сакриј ограничења мин/макс величине",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозирност",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Промени јединицу - пребацује између {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Повећај {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Смањи {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Повећај вредност",
+  "LIVE_DEV_STYLER_DECREASE": "Смањи вредност",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Изабери боју са странице"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 3c10b17535..f04c2cf16c 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -1802,12 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
   "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
   "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
   "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index 006a1399e7..2c61ca1e2f 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -2283,5 +2283,143 @@ define({
   "DEMO_JS_BUTTON_ONE_MORE": "En sak till",
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
-  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat"
+  "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
+  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrundsfärg",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfärg",
+  "LIVE_DEV_STYLER_FONT": "Teckensnitt",
+  "LIVE_DEV_STYLER_SIZE": "Teckenstorlek",
+  "LIVE_DEV_STYLER_WEIGHT": "Teckensnittsvikt",
+  "LIVE_DEV_STYLER_ALIGN": "Textjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
+  "LIVE_DEV_STYLER_SPACING": "Marginal & utfyllnad",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flytta fältet till toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytta fältet till botten",
+  "LIVE_DEV_STYLER_RESET": "Återställ ändringar",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Inga ändringar att återställa",
+  "LIVE_DEV_STYLER_MIXED": "Blandat",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidorna skiljer sig åt — redigera varje sida separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Sök typsnitt...",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På den här sidan",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Anpassad",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Använd \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Inga teckensnitt hittades",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Ladda fler",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tunn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra lätt",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lätt",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra fet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Radhöjd",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Teckenavstånd",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstånd",
+  "LIVE_DEV_STYLER_CASE": "Skiftläge",
+  "LIVE_DEV_STYLER_BOLD": "Fet",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understruken",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Genomstruken",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Versaler",
+  "LIVE_DEV_STYLER_LOWERCASE": "Gemener",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisera",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Vänsterjustera",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrera",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Högerjustera",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Marginaljustera",
+  "LIVE_DEV_STYLER_RADIUS": "Radie",
+  "LIVE_DEV_STYLER_WIDTH": "Bredd",
+  "LIVE_DEV_STYLER_COLOR": "Färg",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heldragen",
+  "LIVE_DEV_STYLER_DASHED": "Streckad",
+  "LIVE_DEV_STYLER_DOTTED": "Prickad",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Förskjutning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje och kontur",
+  "LIVE_DEV_STYLER_SIDE": "Sida",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Redigera alla sidor tillsammans",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Redigera sidor separat",
+  "LIVE_DEV_STYLER_LINK_NONE": "Oberoende sidor - varje sida har sitt eget värde",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "I par - över- & undersida länkade, vänster- & högersida länkade",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alla sidor länkade - ett värde för alla sidor",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicka för att ändra hur sidorna är länkade",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alla",
+  "LIVE_DEV_STYLER_DISPLAY": "Visning",
+  "LIVE_DEV_STYLER_DIRECTION": "Riktning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justera",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Rikta objekt",
+  "LIVE_DEV_STYLER_WRAP": "Radbrytning",
+  "LIVE_DEV_STYLER_GAP": "Mellanrum",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolumner",
+  "LIVE_DEV_STYLER_ROWS": "Rader",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Dold",
+  "LIVE_DEV_STYLER_ROW": "Rad",
+  "LIVE_DEV_STYLER_COLUMN": "Kolumn",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvänd rad",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvänd kolumn",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centrerad",
+  "LIVE_DEV_STYLER_END": "Slut",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Utrymme mellan",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Utrymme runt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jämnt utrymme",
+  "LIVE_DEV_STYLER_STRETCH": "Sträck",
+  "LIVE_DEV_STYLER_BASELINE": "Baslinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen brytning",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvänd radbrytning",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Klistrad",
+  "LIVE_DEV_STYLER_FIXED": "Fast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Spara ändringar i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Infogad",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påverkar {0} på sidan",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lägger till klassen \"{0}\" till det här elementet och sparar stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Ger det här elementet id:t \"{0}\" och sparar stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sparar stilen i {0} – stylar endast det här elementet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sparar stilen i {0} – stylar {1} element på sidan",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ett annat element har redan det id:t – prova en klass istället",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Detta matchar inte det valda elementet, så dina ändringar kommer inte att påverka det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilar som \":hover\" kan inte redigeras live här än",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det där ser inte ut som ett giltigt stilnamn – prova en klass som .card eller ett id som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Skapa",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "t.ex. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Höjd",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Storlek",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min bredd",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max bredd",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min höjd",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max höjd",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Visa min-/max-storleksgränser",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Dölj min-/max-storleksgränser",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ändra enhet - växlar mellan {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Öka {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Minska {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Öka värde",
+  "LIVE_DEV_STYLER_DECREASE": "Minska värde",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Välj färg från sidan"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index 9d9cbbad8e..f04c2cf16c 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -1802,6 +1802,150 @@
   "LIVE_DEV_STATUS_TIP_PROGRESS1": "Live Preview: Connecting…",
   "LIVE_DEV_STATUS_TIP_PROGRESS2": "Live Preview: Initializing…",
   "LIVE_DEV_STATUS_TIP_SYNC_ERROR": "Live Preview (not updating due to syntax error)",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align center",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background color",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalize",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_CENTER": "Center",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick color from page",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10\nAlt + Click: x0.1",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text color",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
   "LIVE_DEV_STYLES_COMPUTED_NO_RESULTS": "No results found",
   "LIVE_DEV_STYLES_COMPUTED_SEARCH": "Filter properties…",
   "LIVE_DEV_STYLES_COMPUTED_USER_AGENT": "User Agent",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index 01a5a52ff6..868633b093 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -181,8 +181,12 @@ define({
   "LIVE_DEV_INSERT_SEARCH_PLACEHOLDER": "Öğeleri ara…",
   "LIVE_DEV_INSERT_COMMON": "Yaygın",
   "LIVE_DEV_INSERT_NO_RESULTS": "Eşleşen öğe bulunamadı",
+  "LIVE_DEV_INSERT_SHOW_MORE": "Daha fazla göster",
   "LIVE_DEV_INSERT_SHOW_LESS": "Daha az göster",
   "LIVE_DEV_INSERT_CREATE": "Oluştur",
+  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sayfanız boş — bir öğe ekleyin",
+  "LIVE_DEV_EMPTY_CANVAS_ADD": "İlk öğenizi ekleyin",
+  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Daralt",
   "LIVE_DEV_EDIT_ONBOARD_TITLE": "Düzenlemenin iki yeni yolu",
   "LIVE_DEV_EDIT_ONBOARD_INSERT": "Yeni HTML öğeleri ekleyin",
   "LIVE_DEV_EDIT_ONBOARD_PROPS": "Etiket, sınıflar, kimlik ve nitelikleri düzenleyin",
@@ -2274,8 +2278,148 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "LIVE_DEV_INSERT_SHOW_MORE": "Daha fazla göster",
-  "LIVE_DEV_EMPTY_CANVAS_LABEL": "Sayfanız boş — bir öğe ekleyin",
-  "LIVE_DEV_EMPTY_CANVAS_ADD": "İlk öğenizi ekleyin",
-  "LIVE_DEV_EMPTY_CANVAS_COLLAPSE": "Daralt"
+  "LIVE_DEV_STYLER_BACKGROUND": "Arka plan rengi",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Metin rengi",
+  "LIVE_DEV_STYLER_FONT": "Yazı tipi ailesi",
+  "LIVE_DEV_STYLER_SIZE": "Yazı tipi boyutu",
+  "LIVE_DEV_STYLER_WEIGHT": "Yazı tipi kalınlığı",
+  "LIVE_DEV_STYLER_ALIGN": "Metin hizalama",
+  "LIVE_DEV_STYLER_BORDER": "Kenarlık",
+  "LIVE_DEV_STYLER_SPACING": "Dış ve iç boşluk",
+  "LIVE_DEV_STYLER_LAYOUT": "Düzen",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Metin stili",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Çubuğu üste taşı",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Çubuğu alta taşı",
+  "LIVE_DEV_STYLER_RESET": "Değişiklikleri sıfırla",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sıfırlanacak değişiklik yok",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Bitti",
+  "LIVE_DEV_STYLER_MIXED": "Karışık",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Kenarlar farklı — her kenarı ayrı düzenleyin",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Yazı tipi ara…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Bu sayfada",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Özel",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" kullan",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Yazı tipi bulunamadı",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Daha fazla yükle",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "İnce",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Çok İnce",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Hafif",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Orta",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Yarı Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Siyah",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Satır yüksekliği",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Harf aralığı",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Kelime aralığı",
+  "LIVE_DEV_STYLER_CASE": "Büyük/Küçük Harf",
+  "LIVE_DEV_STYLER_BOLD": "Kalın",
+  "LIVE_DEV_STYLER_ITALIC": "İtalik",
+  "LIVE_DEV_STYLER_UNDERLINE": "Altı çizili",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Üstü çizili",
+  "LIVE_DEV_STYLER_NONE": "Yok",
+  "LIVE_DEV_STYLER_UPPERCASE": "Büyük harf",
+  "LIVE_DEV_STYLER_LOWERCASE": "Küçük harf",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Her Sözcüğü Büyük Harfle Başlat",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Sola hizala",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Ortala",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Sağa hizala",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Yasla",
+  "LIVE_DEV_STYLER_CLEAR": "Temizle",
+  "LIVE_DEV_STYLER_RADIUS": "Yarıçap",
+  "LIVE_DEV_STYLER_WIDTH": "Genişlik",
+  "LIVE_DEV_STYLER_COLOR": "Renk",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Düz",
+  "LIVE_DEV_STYLER_DASHED": "Kesik Çizgili",
+  "LIVE_DEV_STYLER_DOTTED": "Noktalı",
+  "LIVE_DEV_STYLER_DOUBLE": "Çift",
+  "LIVE_DEV_STYLER_OUTLINE": "Dış Çizgi",
+  "LIVE_DEV_STYLER_OFFSET": "Ofset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kenarlık ve Dış Çizgi",
+  "LIVE_DEV_STYLER_SIDE": "Kenar",
+  "LIVE_DEV_STYLER_PADDING": "İç Boşluk",
+  "LIVE_DEV_STYLER_MARGIN": "Dış Boşluk",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Tüm kenarları birlikte düzenle",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Kenarları bağımsız düzenle",
+  "LIVE_DEV_STYLER_LINK_NONE": "Bağımsız kenarlar - her kenarın kendi değeri var",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Eşleştirilmiş - üst ve alt bağlantılı, sol ve sağ bağlantılı",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tüm kenarlar bağlantılı - her kenar için tek bir değer",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kenarların nasıl bağlandığını değiştirmek için tıklayın",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tümü",
+  "LIVE_DEV_STYLER_TOP": "Üst",
+  "LIVE_DEV_STYLER_RIGHT": "Sağ",
+  "LIVE_DEV_STYLER_BOTTOM": "Alt",
+  "LIVE_DEV_STYLER_LEFT": "Sol",
+  "LIVE_DEV_STYLER_DISPLAY": "Görüntüleme",
+  "LIVE_DEV_STYLER_DIRECTION": "Yön",
+  "LIVE_DEV_STYLER_JUSTIFY": "Yasla",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Öğeleri hizala",
+  "LIVE_DEV_STYLER_WRAP": "Sarmala",
+  "LIVE_DEV_STYLER_GAP": "Boşluk",
+  "LIVE_DEV_STYLER_COLUMNS": "Sütunlar",
+  "LIVE_DEV_STYLER_ROWS": "Satırlar",
+  "LIVE_DEV_STYLER_POSITION": "Konum",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Satır içi",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Satır içi Blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Satır İçi Flex",
+  "LIVE_DEV_STYLER_GRID": "Izgara",
+  "LIVE_DEV_STYLER_HIDDEN": "Gizli",
+  "LIVE_DEV_STYLER_ROW": "Satır",
+  "LIVE_DEV_STYLER_COLUMN": "Sütun",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Satır Ters",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sütun Ters",
+  "LIVE_DEV_STYLER_START": "Başlangıç",
+  "LIVE_DEV_STYLER_CENTER": "Orta",
+  "LIVE_DEV_STYLER_END": "Bitiş",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Aralarında Boşluk",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Etrafında Boşluk",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Eşit Aralıklı",
+  "LIVE_DEV_STYLER_STRETCH": "Yay",
+  "LIVE_DEV_STYLER_BASELINE": "Taban Çizgisi",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sarma",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ters Sar",
+  "LIVE_DEV_STYLER_STATIC": "Statik",
+  "LIVE_DEV_STYLER_RELATIVE": "Göreceli",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Mutlak",
+  "LIVE_DEV_STYLER_STICKY": "Yapışkan",
+  "LIVE_DEV_STYLER_FIXED": "Sabit",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uygulanacağı yer",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Satır içi",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "doğrudan öğe üzerinde",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "sayfadaki {0} öğeyi etkiler",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Yeni stil...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Yeni stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Bu öğeye \"{0}\" sınıfını ekler ve stili {1}'e kaydeder",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Bu öğeye \"{0}\" kimliğini verir ve stili {1}'e kaydeder",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Stili {0} içine kaydeder - yalnızca bu öğeyi stillendirir",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Stili {0} içine kaydeder - sayfadaki {1} öğeyi stillendirir",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Başka bir öğe zaten bu kimliğe sahip - bunun yerine bir sınıf deneyin",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Bu, seçili öğeyle eşleşmiyor, bu nedenle düzenlemeleriniz onu değiştirmez",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" gibi stiller henüz burada canlı olarak düzenlenemez",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Bu, geçerli bir stil adı gibi görünmüyor - .card gibi bir sınıf veya #hero gibi bir kimlik deneyin",
+  "LIVE_DEV_STYLER_CREATE": "Oluştur",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "örn. .card veya #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Yükseklik",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Boyut",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min genişlik",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks genişlik",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min yükseklik",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks yükseklik",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min / maks boyut sınırlarını göster",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min / maks boyut sınırlarını gizle",
+  "LIVE_DEV_STYLER_OPACITY": "Opaklık",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Birimi değiştir - {0} arasında geçiş yapar",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} artır",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} azalt",
+  "LIVE_DEV_STYLER_INCREASE": "Değeri artır",
+  "LIVE_DEV_STYLER_DECREASE": "Değeri azalt",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Tıkla: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Sayfadan renk seç"
 });
\ No newline at end of file

From 8db6786e9bafac328ffa3e23c2f3686720e73a8a Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 15 Jun 2026 23:47:09 +0530
Subject: [PATCH 21/49] feat: add option to toggle visibility of styles bar

---
 src/LiveDevelopment/LivePreviewConstants.js          |  2 ++
 src/LiveDevelopment/main.js                          |  9 +++++++++
 .../Phoenix-live-preview/main.js                     | 12 +++++++++++-
 src/nls/root/strings.js                              |  5 +++++
 4 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/LiveDevelopment/LivePreviewConstants.js b/src/LiveDevelopment/LivePreviewConstants.js
index ecfc9a95db..487fef3f44 100644
--- a/src/LiveDevelopment/LivePreviewConstants.js
+++ b/src/LiveDevelopment/LivePreviewConstants.js
@@ -41,4 +41,6 @@ define(function main(require, exports, module) {
     exports.HIGHLIGHT_CLICK = "click";
 
     exports.PREFERENCE_SHOW_RULER_LINES = "livePreviewShowMeasurements";
+
+    exports.PREFERENCE_SHOW_STYLES_BAR = "livePreviewShowStylesBar";
 });
diff --git a/src/LiveDevelopment/main.js b/src/LiveDevelopment/main.js
index ad2598addb..336dd8b44a 100644
--- a/src/LiveDevelopment/main.js
+++ b/src/LiveDevelopment/main.js
@@ -71,6 +71,7 @@ define(function main(require, exports, module) {
         mode: LIVE_HIGHLIGHT_MODE, // will be updated when we fetch entitlements
         elemHighlights: CONSTANTS.HIGHLIGHT_HOVER, // default value, this will get updated when the extension loads
         showRulerLines: false, // default value, this will get updated when the extension loads
+        showStylesBar: true, // default value, this will get updated when the extension loads
         syncSourceAndPreview: true, // default value, this will get updated when the extension loads
         imageGalleryAutoOpen: true, // auto-open gallery on first image click per session
         isPaidUser: false, // will be updated when we fetch entitlements
@@ -336,6 +337,13 @@ define(function main(require, exports, module) {
         MultiBrowserLiveDev.updateConfig(config);
     }
 
+    function updateStylesBarConfig() {
+        const prefValue = PreferencesManager.get(CONSTANTS.PREFERENCE_SHOW_STYLES_BAR);
+        const config = MultiBrowserLiveDev.getConfig();
+        config.showStylesBar = prefValue !== false; // defaults to true (on)
+        MultiBrowserLiveDev.updateConfig(config);
+    }
+
     EventDispatcher.makeEventDispatcher(exports);
 
     // private api
@@ -359,6 +367,7 @@ define(function main(require, exports, module) {
     exports.setLivePreviewTransportBridge = setLivePreviewTransportBridge;
     exports.updateElementHighlightConfig = updateElementHighlightConfig;
     exports.updateRulerLinesConfig = updateRulerLinesConfig;
+    exports.updateStylesBarConfig = updateStylesBarConfig;
     exports.getConnectionIds = MultiBrowserLiveDev.getConnectionIds;
     exports.getLivePreviewDetails = MultiBrowserLiveDev.getLivePreviewDetails;
     exports.hideHighlight = MultiBrowserLiveDev.hideHighlight;
diff --git a/src/extensionsIntegrated/Phoenix-live-preview/main.js b/src/extensionsIntegrated/Phoenix-live-preview/main.js
index 2a9e9e4152..589e972dba 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/main.js
+++ b/src/extensionsIntegrated/Phoenix-live-preview/main.js
@@ -115,6 +115,12 @@ define(function (require, exports, module) {
         description: Strings.LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE
     });
 
+    // live preview styles bar preference (show/hide the styles bar on element selection); on by default
+    const PREFERENCE_SHOW_STYLES_BAR = CONSTANTS.PREFERENCE_SHOW_STYLES_BAR;
+    PreferencesManager.definePreference(PREFERENCE_SHOW_STYLES_BAR, "boolean", true, {
+        description: Strings.LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE
+    });
+
     const LIVE_PREVIEW_PANEL_ID = "live-preview-panel";
     const LIVE_PREVIEW_IFRAME_ID = "panel-live-preview-frame";
     const MDVIEWR_IFRAME_ID = "panel-md-preview-frame";
@@ -1540,9 +1546,13 @@ define(function (require, exports, module) {
         PreferencesManager.on("change", PREFERENCE_SHOW_RULER_LINES, function() {
             LiveDevelopment.updateRulerLinesConfig();
         });
-        // Initialize element highlight and ruler lines config on startup
+        PreferencesManager.on("change", PREFERENCE_SHOW_STYLES_BAR, function() {
+            LiveDevelopment.updateStylesBarConfig();
+        });
+        // Initialize element highlight, ruler lines and styles bar config on startup
         LiveDevelopment.updateElementHighlightConfig();
         LiveDevelopment.updateRulerLinesConfig();
+        LiveDevelopment.updateStylesBarConfig();
 
         LiveDevelopment.openLivePreview();
         LiveDevelopment.on(LiveDevelopment.EVENT_OPEN_PREVIEW_URL, _openLivePreviewURL);
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 5f14bc121a..05eb8c8ba1 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -183,6 +183,7 @@ define({
     "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Server Framework, currently supports only docusaurus",
     "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspect element in Live Preview on 'hover' or 'click'. Defaults to 'hover'",
     "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+    "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
     "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Select Parent",
     "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Edit Text",
     "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Double-click",
@@ -205,8 +206,11 @@ define({
     "LIVE_DEV_STYLER_SPACING": "Margin & padding",
     "LIVE_DEV_STYLER_LAYOUT": "Layout",
     "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+    "LIVE_DEV_STYLER_DOCK": "Dock position",
     "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
     "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+    "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+    "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
     "LIVE_DEV_STYLER_RESET": "Reset changes",
     "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
     "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
@@ -710,6 +714,7 @@ define({
     "LIVE_PREVIEW_MODE_EDIT": "Edit Mode",
     "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspect Element on Hover",
     "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+    "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
     "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' shows only the webpage, '{1}' connects the webpage to your code - click on elements to jump to their code and vice versa, '{2}' provides highlighting along with advanced element manipulation",
     "LIVE_PREVIEW_CONFIGURE_MODES": "Configure Live Preview Modes",
 

From 433dc411803594e0d12f9d5367abe8d793812602 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Mon, 15 Jun 2026 23:58:36 +0530
Subject: [PATCH 22/49] feat: styles bar dock position should be saved across
 reloads

---
 src/LiveDevelopment/LivePreviewConstants.js           |  2 ++
 src/LiveDevelopment/main.js                           |  9 +++++++++
 src/extensionsIntegrated/Phoenix-live-preview/main.js | 11 +++++++++++
 src/nls/root/strings.js                               |  1 +
 4 files changed, 23 insertions(+)

diff --git a/src/LiveDevelopment/LivePreviewConstants.js b/src/LiveDevelopment/LivePreviewConstants.js
index 487fef3f44..3a99822b77 100644
--- a/src/LiveDevelopment/LivePreviewConstants.js
+++ b/src/LiveDevelopment/LivePreviewConstants.js
@@ -43,4 +43,6 @@ define(function main(require, exports, module) {
     exports.PREFERENCE_SHOW_RULER_LINES = "livePreviewShowMeasurements";
 
     exports.PREFERENCE_SHOW_STYLES_BAR = "livePreviewShowStylesBar";
+
+    exports.PREFERENCE_STYLES_BAR_DOCK = "livePreviewStylesBarDock";
 });
diff --git a/src/LiveDevelopment/main.js b/src/LiveDevelopment/main.js
index 336dd8b44a..ba9ef2d3cc 100644
--- a/src/LiveDevelopment/main.js
+++ b/src/LiveDevelopment/main.js
@@ -72,6 +72,7 @@ define(function main(require, exports, module) {
         elemHighlights: CONSTANTS.HIGHLIGHT_HOVER, // default value, this will get updated when the extension loads
         showRulerLines: false, // default value, this will get updated when the extension loads
         showStylesBar: true, // default value, this will get updated when the extension loads
+        stylesBarDock: "bottom", // default dock side, this will get updated when the extension loads
         syncSourceAndPreview: true, // default value, this will get updated when the extension loads
         imageGalleryAutoOpen: true, // auto-open gallery on first image click per session
         isPaidUser: false, // will be updated when we fetch entitlements
@@ -344,6 +345,13 @@ define(function main(require, exports, module) {
         MultiBrowserLiveDev.updateConfig(config);
     }
 
+    function updateStylesBarDockConfig() {
+        const prefValue = PreferencesManager.get(CONSTANTS.PREFERENCE_STYLES_BAR_DOCK);
+        const config = MultiBrowserLiveDev.getConfig();
+        config.stylesBarDock = prefValue || "bottom";
+        MultiBrowserLiveDev.updateConfig(config);
+    }
+
     EventDispatcher.makeEventDispatcher(exports);
 
     // private api
@@ -368,6 +376,7 @@ define(function main(require, exports, module) {
     exports.updateElementHighlightConfig = updateElementHighlightConfig;
     exports.updateRulerLinesConfig = updateRulerLinesConfig;
     exports.updateStylesBarConfig = updateStylesBarConfig;
+    exports.updateStylesBarDockConfig = updateStylesBarDockConfig;
     exports.getConnectionIds = MultiBrowserLiveDev.getConnectionIds;
     exports.getLivePreviewDetails = MultiBrowserLiveDev.getLivePreviewDetails;
     exports.hideHighlight = MultiBrowserLiveDev.hideHighlight;
diff --git a/src/extensionsIntegrated/Phoenix-live-preview/main.js b/src/extensionsIntegrated/Phoenix-live-preview/main.js
index 589e972dba..71604883d3 100644
--- a/src/extensionsIntegrated/Phoenix-live-preview/main.js
+++ b/src/extensionsIntegrated/Phoenix-live-preview/main.js
@@ -121,6 +121,13 @@ define(function (require, exports, module) {
         description: Strings.LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE
     });
 
+    // live preview styles bar dock side preference (where the bar docks); persists user choice
+    const PREFERENCE_STYLES_BAR_DOCK = CONSTANTS.PREFERENCE_STYLES_BAR_DOCK;
+    PreferencesManager.definePreference(PREFERENCE_STYLES_BAR_DOCK, "string", "bottom", {
+        description: Strings.LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE,
+        values: ["top", "bottom", "left", "right"]
+    });
+
     const LIVE_PREVIEW_PANEL_ID = "live-preview-panel";
     const LIVE_PREVIEW_IFRAME_ID = "panel-live-preview-frame";
     const MDVIEWR_IFRAME_ID = "panel-md-preview-frame";
@@ -1549,10 +1556,14 @@ define(function (require, exports, module) {
         PreferencesManager.on("change", PREFERENCE_SHOW_STYLES_BAR, function() {
             LiveDevelopment.updateStylesBarConfig();
         });
+        PreferencesManager.on("change", PREFERENCE_STYLES_BAR_DOCK, function() {
+            LiveDevelopment.updateStylesBarDockConfig();
+        });
         // Initialize element highlight, ruler lines and styles bar config on startup
         LiveDevelopment.updateElementHighlightConfig();
         LiveDevelopment.updateRulerLinesConfig();
         LiveDevelopment.updateStylesBarConfig();
+        LiveDevelopment.updateStylesBarDockConfig();
 
         LiveDevelopment.openLivePreview();
         LiveDevelopment.on(LiveDevelopment.EVENT_OPEN_PREVIEW_URL, _openLivePreviewURL);
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 05eb8c8ba1..43b522f723 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -184,6 +184,7 @@ define({
     "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspect element in Live Preview on 'hover' or 'click'. Defaults to 'hover'",
     "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
     "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
+    "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
     "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Select Parent",
     "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Edit Text",
     "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Double-click",

From c8483ccbbc8e741a20ec7ec1f5598b2759ec2bd0 Mon Sep 17 00:00:00 2001
From: Pluto <devvaannsh@gmail.com>
Date: Tue, 16 Jun 2026 17:22:35 +0530
Subject: [PATCH 23/49] feat: show common color examples

---
 src/nls/root/strings.js | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 43b522f723..9a596f3b70 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -254,6 +254,29 @@ define({
     "LIVE_DEV_STYLER_RADIUS": "Radius",
     "LIVE_DEV_STYLER_WIDTH": "Width",
     "LIVE_DEV_STYLER_COLOR": "Color",
+    "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
+    "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
+    "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+    "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+    "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+    "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+    "LIVE_DEV_STYLER_COLOR_RED": "Red",
+    "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+    "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+    "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+    "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
+    "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+    "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+    "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+    "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+    "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+    "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+    "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+    "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+    "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+    "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+    "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+    "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
     "LIVE_DEV_STYLER_STYLE": "Style",
     "LIVE_DEV_STYLER_SOLID": "Solid",
     "LIVE_DEV_STYLER_DASHED": "Dashed",

From 415619b65f3559124ef6efcacc62d267d7c676fb Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Wed, 17 Jun 2026 12:35:14 +0000
Subject: [PATCH 24/49] ci: update Translations

---
 src/nls/ar/lastTranslated.json    |  29 +++
 src/nls/ar/strings.js             | 317 ++++++++++++++++--------------
 src/nls/bg/lastTranslated.json    |  29 +++
 src/nls/bg/strings.js             | 305 +++++++++++++++-------------
 src/nls/cs/lastTranslated.json    |  29 +++
 src/nls/cs/strings.js             | 305 +++++++++++++++-------------
 src/nls/da/lastTranslated.json    |  29 +++
 src/nls/da/strings.js             | 315 +++++++++++++++--------------
 src/nls/de/lastTranslated.json    |  29 +++
 src/nls/de/strings.js             | 303 +++++++++++++++-------------
 src/nls/el/lastTranslated.json    |  29 +++
 src/nls/el/strings.js             | 317 ++++++++++++++++--------------
 src/nls/en-gb/lastTranslated.json |  29 +++
 src/nls/en-gb/strings.js          | 317 ++++++++++++++++--------------
 src/nls/es/lastTranslated.json    |  29 +++
 src/nls/es/strings.js             | 307 ++++++++++++++++-------------
 src/nls/fa-ir/lastTranslated.json |  29 +++
 src/nls/fa-ir/strings.js          | 307 ++++++++++++++++-------------
 src/nls/fi/lastTranslated.json    |  29 +++
 src/nls/fi/strings.js             | 303 +++++++++++++++-------------
 src/nls/fr/lastTranslated.json    |  29 +++
 src/nls/fr/strings.js             | 303 +++++++++++++++-------------
 src/nls/gl/lastTranslated.json    |  29 +++
 src/nls/gl/strings.js             | 307 ++++++++++++++++-------------
 src/nls/hi/lastTranslated.json    |  29 +++
 src/nls/hi/strings.js             | 317 ++++++++++++++++--------------
 src/nls/hr/lastTranslated.json    |  29 +++
 src/nls/hr/strings.js             | 307 ++++++++++++++++-------------
 src/nls/hu/lastTranslated.json    |  29 +++
 src/nls/hu/strings.js             | 317 ++++++++++++++++--------------
 src/nls/id/lastTranslated.json    |  29 +++
 src/nls/id/strings.js             | 307 ++++++++++++++++-------------
 src/nls/it/lastTranslated.json    |  29 +++
 src/nls/it/strings.js             | 305 +++++++++++++++-------------
 src/nls/ja/lastTranslated.json    |  29 +++
 src/nls/ja/strings.js             | 303 +++++++++++++++-------------
 src/nls/ko/lastTranslated.json    |  29 +++
 src/nls/ko/strings.js             | 305 +++++++++++++++-------------
 src/nls/lv/lastTranslated.json    |  29 +++
 src/nls/lv/strings.js             | 305 +++++++++++++++-------------
 src/nls/ml/lastTranslated.json    |  29 +++
 src/nls/ml/strings.js             | 317 ++++++++++++++++--------------
 src/nls/nb/lastTranslated.json    |  29 +++
 src/nls/nb/strings.js             | 317 ++++++++++++++++--------------
 src/nls/nl/lastTranslated.json    |  29 +++
 src/nls/nl/strings.js             | 307 ++++++++++++++++-------------
 src/nls/pl/lastTranslated.json    |  29 +++
 src/nls/pl/strings.js             | 303 +++++++++++++++-------------
 src/nls/pt-br/lastTranslated.json |  29 +++
 src/nls/pt-br/strings.js          | 305 +++++++++++++++-------------
 src/nls/pt-pt/lastTranslated.json |  29 +++
 src/nls/pt-pt/strings.js          | 317 ++++++++++++++++--------------
 src/nls/ro/lastTranslated.json    |  29 +++
 src/nls/ro/strings.js             | 307 ++++++++++++++++-------------
 src/nls/ru/lastTranslated.json    |  29 +++
 src/nls/ru/strings.js             | 315 +++++++++++++++--------------
 src/nls/sk/lastTranslated.json    |  29 +++
 src/nls/sk/strings.js             | 317 ++++++++++++++++--------------
 src/nls/sr/lastTranslated.json    |  29 +++
 src/nls/sr/strings.js             | 307 ++++++++++++++++-------------
 src/nls/sv/lastTranslated.json    |  29 +++
 src/nls/sv/strings.js             | 305 +++++++++++++++-------------
 src/nls/tr/lastTranslated.json    |  29 +++
 src/nls/tr/strings.js             | 317 ++++++++++++++++--------------
 src/nls/uk/lastTranslated.json    |  29 +++
 src/nls/uk/strings.js             | 307 ++++++++++++++++-------------
 src/nls/ur/lastTranslated.json    |  29 +++
 src/nls/ur/strings.js             | 317 ++++++++++++++++--------------
 src/nls/zh-cn/lastTranslated.json |  29 +++
 src/nls/zh-cn/strings.js          | 303 +++++++++++++++-------------
 src/nls/zh-tw/lastTranslated.json |  29 +++
 src/nls/zh-tw/strings.js          | 305 +++++++++++++++-------------
 72 files changed, 7135 insertions(+), 5047 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index 48ad64c4df..f704673696 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "حذف",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "معرض الصور",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "خيارات إضافية",
+  "LIVE_DEV_STYLER_BACKGROUND": "لون الخلفية",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "لون النص",
+  "LIVE_DEV_STYLER_FONT": "عائلة الخط",
+  "LIVE_DEV_STYLER_SIZE": "حجم الخط",
+  "LIVE_DEV_STYLER_WEIGHT": "سُمك الخط",
+  "LIVE_DEV_STYLER_ALIGN": "محاذاة النص",
+  "LIVE_DEV_STYLER_BORDER": "الحدود",
+  "LIVE_DEV_STYLER_SPACING": "الهامش والحشو",
+  "LIVE_DEV_STYLER_LAYOUT": "التخطيط",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "نمط النص",
+  "LIVE_DEV_STYLER_DOCK_TOP": "نقل الشريط إلى الأعلى",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "نقل الشريط إلى الأسفل",
+  "LIVE_DEV_STYLER_RESET": "إعادة تعيين التغييرات",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "لا توجد تغييرات لإعادة تعيينها",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "تم",
+  "LIVE_DEV_STYLER_MIXED": "مختلط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "الجوانب مختلفة — حرّر كل جانب على حدة",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "ابحث عن خطوط...",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "جوجل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "النظام",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "في هذه الصفحة",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "مخصص",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استخدام \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "لم يتم العثور على خطوط",
+  "LIVE_DEV_STYLER_LOAD_MORE": "تحميل المزيد",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "رفيع",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "خفيف جدًا",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "خفيف",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "عادي",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "شبه عريض",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "عريض",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "عريض جدًا",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "أسود",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع السطر",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "تباعد الأحرف",
+  "LIVE_DEV_STYLER_WORD_SPACING": "تباعد الكلمات",
+  "LIVE_DEV_STYLER_CASE": "حالة الأحرف",
+  "LIVE_DEV_STYLER_BOLD": "عريض",
+  "LIVE_DEV_STYLER_ITALIC": "مائل",
+  "LIVE_DEV_STYLER_UNDERLINE": "تسطير",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "يتوسطه خط",
+  "LIVE_DEV_STYLER_NONE": "بلا",
+  "LIVE_DEV_STYLER_UPPERCASE": "أحرف كبيرة",
+  "LIVE_DEV_STYLER_LOWERCASE": "أحرف صغيرة",
+  "LIVE_DEV_STYLER_CAPITALIZE": "تكبير الحرف الأول",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "محاذاة إلى اليسار",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "توسيط",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "محاذاة إلى اليمين",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ضبط",
+  "LIVE_DEV_STYLER_CLEAR": "مسح",
+  "LIVE_DEV_STYLER_RADIUS": "نصف القطر",
+  "LIVE_DEV_STYLER_WIDTH": "العرض",
+  "LIVE_DEV_STYLER_COLOR": "اللون",
+  "LIVE_DEV_STYLER_STYLE": "النمط",
+  "LIVE_DEV_STYLER_SOLID": "متصل",
+  "LIVE_DEV_STYLER_DASHED": "متقطع",
+  "LIVE_DEV_STYLER_DOTTED": "منقط",
+  "LIVE_DEV_STYLER_DOUBLE": "مزدوج",
+  "LIVE_DEV_STYLER_OUTLINE": "إطار خارجي",
+  "LIVE_DEV_STYLER_OFFSET": "إزاحة",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "الحدود والمخطط التفصيلي",
+  "LIVE_DEV_STYLER_SIDE": "جانب",
+  "LIVE_DEV_STYLER_PADDING": "حشوة",
+  "LIVE_DEV_STYLER_MARGIN": "هامش",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "تعديل جميع الجوانب معًا",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "تعديل الجوانب بشكل مستقل",
+  "LIVE_DEV_STYLER_LINK_NONE": "جوانب مستقلة - لكل جانب قيمته الخاصة",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "مقترن - يرتبط العلوي والسفلي، واليسار واليمين",
+  "LIVE_DEV_STYLER_LINK_ALL": "كل الجوانب مرتبطة - قيمة واحدة لكل جانب",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "انقر لتغيير كيفية ربط الجوانب",
+  "LIVE_DEV_STYLER_ALL_SIDES": "الكل",
+  "LIVE_DEV_STYLER_TOP": "أعلى",
+  "LIVE_DEV_STYLER_RIGHT": "يمين",
+  "LIVE_DEV_STYLER_BOTTOM": "أسفل",
+  "LIVE_DEV_STYLER_LEFT": "يسار",
+  "LIVE_DEV_STYLER_DISPLAY": "العرض",
+  "LIVE_DEV_STYLER_DIRECTION": "الاتجاه",
+  "LIVE_DEV_STYLER_JUSTIFY": "ضبط",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "محاذاة العناصر",
+  "LIVE_DEV_STYLER_WRAP": "التفاف",
+  "LIVE_DEV_STYLER_GAP": "فجوة",
+  "LIVE_DEV_STYLER_COLUMNS": "أعمدة",
+  "LIVE_DEV_STYLER_ROWS": "صفوف",
+  "LIVE_DEV_STYLER_POSITION": "الموضع",
+  "LIVE_DEV_STYLER_Z_INDEX": "مؤشر Z",
+  "LIVE_DEV_STYLER_BLOCK": "كتلة",
+  "LIVE_DEV_STYLER_INLINE": "مضمن",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "كتلة مضمنة",
+  "LIVE_DEV_STYLER_FLEX": "مرن",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "فلكس مضمن",
+  "LIVE_DEV_STYLER_GRID": "شبكة",
+  "LIVE_DEV_STYLER_HIDDEN": "مخفي",
+  "LIVE_DEV_STYLER_ROW": "صف",
+  "LIVE_DEV_STYLER_COLUMN": "عمود",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "صف معكوس",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "عمود معكوس",
+  "LIVE_DEV_STYLER_START": "بداية",
+  "LIVE_DEV_STYLER_CENTER": "وسط",
+  "LIVE_DEV_STYLER_END": "نهاية",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "مسافة بينية",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "مسافة حول",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "مسافة متساوية",
+  "LIVE_DEV_STYLER_STRETCH": "تمدد",
+  "LIVE_DEV_STYLER_BASELINE": "خط الأساس",
+  "LIVE_DEV_STYLER_NO_WRAP": "بدون التفاف",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "التفاف عكسي",
+  "LIVE_DEV_STYLER_STATIC": "ثابت",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبي",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "لاصق",
+  "LIVE_DEV_STYLER_FIXED": "ثابت",
+  "LIVE_DEV_STYLER_APPLIES_TO": "حفظ التغييرات في",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "مضمن",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مباشرة على العنصر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "يؤثر على {0} عنصر بالصفحة",
+  "LIVE_DEV_STYLER_NEW_STYLE": "نمط جديد...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نمط جديد",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "يضيف الفئة \"{0}\" إلى هذا العنصر ويحفظ النمط في {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "يمنح هذا العنصر المعرّف \"{0}\" ويحفظ النمط في {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "يحفظ النمط في {0} - ينسق هذا العنصر فقط",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "يحفظ النمط في {0} - ينسق {1} من العناصر على الصفحة",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "يوجد عنصر آخر يحمل هذا المعرّف بالفعل - جرّب استخدام فئة بدلاً من ذلك",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "لا يتطابق هذا مع العنصر المحدد، لذا لن تغير تعديلاتك شيئًا فيه",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "لا يمكن تعديل الأنماط مثل \":hover\" بشكل مباشر هنا بعد",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "لا يبدو هذا اسم نمط صالحًا - جرّب فئة مثل .card أو معرّفًا مثل #hero",
+  "LIVE_DEV_STYLER_CREATE": "إنشاء",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال: .card أو #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "الارتفاع",
+  "LIVE_DEV_STYLER_SIZE_TAB": "الحجم",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "العرض الأدنى",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "العرض الأقصى",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "الارتفاع الأدنى",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "الارتفاع الأقصى",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "إظهار حدود الحجم الأدنى / الأقصى",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "إخفاء حدود الحجم الأدنى / الأقصى",
+  "LIVE_DEV_STYLER_OPACITY": "الشفافية",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغيير الوحدة - للتبديل بين {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "زيادة {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "إنقاص {0}",
+  "LIVE_DEV_STYLER_INCREASE": "زيادة القيمة",
+  "LIVE_DEV_STYLER_DECREASE": "إنقاص القيمة",
+  "LIVE_DEV_STYLER_STEP_HINT": "شيفت + نقر: ×10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "التقاط لون من الصفحة",
   "LIVE_DEV_MORE_OPTIONS_CUT": "قص",
   "LIVE_DEV_MORE_OPTIONS_COPY": "نسخ",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "لصق",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "LIVE_DEV_STYLER_BACKGROUND": "لون الخلفية",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "لون النص",
-  "LIVE_DEV_STYLER_FONT": "عائلة الخط",
-  "LIVE_DEV_STYLER_SIZE": "حجم الخط",
-  "LIVE_DEV_STYLER_WEIGHT": "سُمك الخط",
-  "LIVE_DEV_STYLER_ALIGN": "محاذاة النص",
-  "LIVE_DEV_STYLER_BORDER": "الحدود",
-  "LIVE_DEV_STYLER_SPACING": "الهامش والحشو",
-  "LIVE_DEV_STYLER_LAYOUT": "التخطيط",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "نمط النص",
-  "LIVE_DEV_STYLER_DOCK_TOP": "نقل الشريط إلى الأعلى",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "نقل الشريط إلى الأسفل",
-  "LIVE_DEV_STYLER_RESET": "إعادة تعيين التغييرات",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "لا توجد تغييرات لإعادة تعيينها",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "تم",
-  "LIVE_DEV_STYLER_MIXED": "مختلط",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "الجوانب مختلفة — حرّر كل جانب على حدة",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "ابحث عن خطوط...",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "جوجل",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "النظام",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "في هذه الصفحة",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "مخصص",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استخدام \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "لم يتم العثور على خطوط",
-  "LIVE_DEV_STYLER_LOAD_MORE": "تحميل المزيد",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "رفيع",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "خفيف جدًا",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "خفيف",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "عادي",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "شبه عريض",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "عريض",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "عريض جدًا",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "أسود",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع السطر",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "تباعد الأحرف",
-  "LIVE_DEV_STYLER_WORD_SPACING": "تباعد الكلمات",
-  "LIVE_DEV_STYLER_CASE": "حالة الأحرف",
-  "LIVE_DEV_STYLER_BOLD": "عريض",
-  "LIVE_DEV_STYLER_ITALIC": "مائل",
-  "LIVE_DEV_STYLER_UNDERLINE": "تسطير",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "يتوسطه خط",
-  "LIVE_DEV_STYLER_NONE": "بلا",
-  "LIVE_DEV_STYLER_UPPERCASE": "أحرف كبيرة",
-  "LIVE_DEV_STYLER_LOWERCASE": "أحرف صغيرة",
-  "LIVE_DEV_STYLER_CAPITALIZE": "تكبير الحرف الأول",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "محاذاة إلى اليسار",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "توسيط",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "محاذاة إلى اليمين",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ضبط",
-  "LIVE_DEV_STYLER_CLEAR": "مسح",
-  "LIVE_DEV_STYLER_RADIUS": "نصف القطر",
-  "LIVE_DEV_STYLER_WIDTH": "العرض",
-  "LIVE_DEV_STYLER_COLOR": "اللون",
-  "LIVE_DEV_STYLER_STYLE": "النمط",
-  "LIVE_DEV_STYLER_SOLID": "متصل",
-  "LIVE_DEV_STYLER_DASHED": "متقطع",
-  "LIVE_DEV_STYLER_DOTTED": "منقط",
-  "LIVE_DEV_STYLER_DOUBLE": "مزدوج",
-  "LIVE_DEV_STYLER_OUTLINE": "إطار خارجي",
-  "LIVE_DEV_STYLER_OFFSET": "إزاحة",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "الحدود والمخطط التفصيلي",
-  "LIVE_DEV_STYLER_SIDE": "جانب",
-  "LIVE_DEV_STYLER_PADDING": "حشوة",
-  "LIVE_DEV_STYLER_MARGIN": "هامش",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "تعديل جميع الجوانب معًا",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "تعديل الجوانب بشكل مستقل",
-  "LIVE_DEV_STYLER_LINK_NONE": "جوانب مستقلة - لكل جانب قيمته الخاصة",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "مقترن - يرتبط العلوي والسفلي، واليسار واليمين",
-  "LIVE_DEV_STYLER_LINK_ALL": "كل الجوانب مرتبطة - قيمة واحدة لكل جانب",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "انقر لتغيير كيفية ربط الجوانب",
-  "LIVE_DEV_STYLER_ALL_SIDES": "الكل",
-  "LIVE_DEV_STYLER_TOP": "أعلى",
-  "LIVE_DEV_STYLER_RIGHT": "يمين",
-  "LIVE_DEV_STYLER_BOTTOM": "أسفل",
-  "LIVE_DEV_STYLER_LEFT": "يسار",
-  "LIVE_DEV_STYLER_DISPLAY": "العرض",
-  "LIVE_DEV_STYLER_DIRECTION": "الاتجاه",
-  "LIVE_DEV_STYLER_JUSTIFY": "ضبط",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "محاذاة العناصر",
-  "LIVE_DEV_STYLER_WRAP": "التفاف",
-  "LIVE_DEV_STYLER_GAP": "فجوة",
-  "LIVE_DEV_STYLER_COLUMNS": "أعمدة",
-  "LIVE_DEV_STYLER_ROWS": "صفوف",
-  "LIVE_DEV_STYLER_POSITION": "الموضع",
-  "LIVE_DEV_STYLER_Z_INDEX": "مؤشر Z",
-  "LIVE_DEV_STYLER_BLOCK": "كتلة",
-  "LIVE_DEV_STYLER_INLINE": "مضمن",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "كتلة مضمنة",
-  "LIVE_DEV_STYLER_FLEX": "مرن",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "فلكس مضمن",
-  "LIVE_DEV_STYLER_GRID": "شبكة",
-  "LIVE_DEV_STYLER_HIDDEN": "مخفي",
-  "LIVE_DEV_STYLER_ROW": "صف",
-  "LIVE_DEV_STYLER_COLUMN": "عمود",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "صف معكوس",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "عمود معكوس",
-  "LIVE_DEV_STYLER_START": "بداية",
-  "LIVE_DEV_STYLER_CENTER": "وسط",
-  "LIVE_DEV_STYLER_END": "نهاية",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "مسافة بينية",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "مسافة حول",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "مسافة متساوية",
-  "LIVE_DEV_STYLER_STRETCH": "تمدد",
-  "LIVE_DEV_STYLER_BASELINE": "خط الأساس",
-  "LIVE_DEV_STYLER_NO_WRAP": "بدون التفاف",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "التفاف عكسي",
-  "LIVE_DEV_STYLER_STATIC": "ثابت",
-  "LIVE_DEV_STYLER_RELATIVE": "نسبي",
-  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
-  "LIVE_DEV_STYLER_STICKY": "لاصق",
-  "LIVE_DEV_STYLER_FIXED": "ثابت",
-  "LIVE_DEV_STYLER_APPLIES_TO": "حفظ التغييرات في",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "مضمن",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مباشرة على العنصر",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "يؤثر على {0} عنصر بالصفحة",
-  "LIVE_DEV_STYLER_NEW_STYLE": "نمط جديد...",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نمط جديد",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "يضيف الفئة \"{0}\" إلى هذا العنصر ويحفظ النمط في {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "يمنح هذا العنصر المعرّف \"{0}\" ويحفظ النمط في {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "يحفظ النمط في {0} - ينسق هذا العنصر فقط",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "يحفظ النمط في {0} - ينسق {1} من العناصر على الصفحة",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "يوجد عنصر آخر يحمل هذا المعرّف بالفعل - جرّب استخدام فئة بدلاً من ذلك",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "لا يتطابق هذا مع العنصر المحدد، لذا لن تغير تعديلاتك شيئًا فيه",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "لا يمكن تعديل الأنماط مثل \":hover\" بشكل مباشر هنا بعد",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "لا يبدو هذا اسم نمط صالحًا - جرّب فئة مثل .card أو معرّفًا مثل #hero",
-  "LIVE_DEV_STYLER_CREATE": "إنشاء",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال: .card أو #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "الارتفاع",
-  "LIVE_DEV_STYLER_SIZE_TAB": "الحجم",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "العرض الأدنى",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "العرض الأقصى",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "الارتفاع الأدنى",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "الارتفاع الأقصى",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "إظهار حدود الحجم الأدنى / الأقصى",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "إخفاء حدود الحجم الأدنى / الأقصى",
-  "LIVE_DEV_STYLER_OPACITY": "الشفافية",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغيير الوحدة - للتبديل بين {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "زيادة {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "إنقاص {0}",
-  "LIVE_DEV_STYLER_INCREASE": "زيادة القيمة",
-  "LIVE_DEV_STYLER_DECREASE": "إنقاص القيمة",
-  "LIVE_DEV_STYLER_STEP_HINT": "شيفت + نقر: ×10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "التقاط لون من الصفحة"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "إظهار شريط الأنماط عند تحديد العناصر في المعاينة المباشرة. القيمة الافتراضية هي 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "الجانب الذي يرسو إليه شريط أنماط المعاينة المباشرة: 'أعلى'، 'أسفل'، 'يسار' أو 'يمين'. القيمة الافتراضية هي 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "موضع الإرساء",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "نقل الشريط إلى اليسار",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "نقل الشريط إلى اليمين",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "في هذه الصفحة",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "شائعة",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "أبيض",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "فضي",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "رمادي",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "أسود",
+  "LIVE_DEV_STYLER_COLOR_RED": "أحمر",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "كستنائي",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "برتقالي",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "ذهبي",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "أصفر",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زيتوني",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ليموني",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "أخضر",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "أزرق مخضر",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "سماوي",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "أزرق",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "كحلي",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "نيلي",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "بنفسجي",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "أرجواني",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفسجي",
+  "LIVE_DEV_STYLER_COLOR_PINK": "وردي",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "إظهار شريط الأنماط"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index 303b0fd37f..b740a368f3 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Изтриване",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерия с изображения",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Още опции",
+  "LIVE_DEV_STYLER_BACKGROUND": "Цвят на фона",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвят на текста",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Размер на шрифта",
+  "LIVE_DEV_STYLER_WEIGHT": "Дебелина на шрифта",
+  "LIVE_DEV_STYLER_ALIGN": "Подравняване на текста",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Външни и вътрешни отстояния",
+  "LIVE_DEV_STYLER_LAYOUT": "Оформление",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил на текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Премести лентата отгоре",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Премести лентата отдолу",
+  "LIVE_DEV_STYLER_RESET": "Нулиране на промените",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Няма промени за нулиране",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
+  "LIVE_DEV_STYLER_MIXED": "Смесени",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Страните се различават — редактирайте всяка страна поотделно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Търсене на шрифтове…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугъл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системни",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На тази страница",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "По избор",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Използвай „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Не са намерени шрифтове",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Зареди още",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тънък",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Екстра лек",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Лек",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Нормален",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Среден",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуудебелен",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Получер",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра получер",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Черен",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Междуредие",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Разстояние между буквите",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Разстояние между думите",
+  "LIVE_DEV_STYLER_CASE": "Регистър",
+  "LIVE_DEV_STYLER_BOLD": "Получер",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подчертан",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачеркнат",
+  "LIVE_DEV_STYLER_NONE": "Без",
+  "LIVE_DEV_STYLER_UPPERCASE": "Главни букви",
+  "LIVE_DEV_STYLER_LOWERCASE": "Малки букви",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Главна първа буква",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Подравняване вляво",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Подравняване в центъра",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Подравняване вдясно",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Двустранно подравняване",
+  "LIVE_DEV_STYLER_CLEAR": "Изчистване",
+  "LIVE_DEV_STYLER_RADIUS": "Радиус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Цвят",
+  "LIVE_DEV_STYLER_STYLE": "Стил",
+  "LIVE_DEV_STYLER_SOLID": "Плътна",
+  "LIVE_DEV_STYLER_DASHED": "Прекъсната",
+  "LIVE_DEV_STYLER_DOTTED": "На точки",
+  "LIVE_DEV_STYLER_DOUBLE": "Двойна",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Отстояние",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Рамка и очертание",
+  "LIVE_DEV_STYLER_SIDE": "Страна",
+  "LIVE_DEV_STYLER_PADDING": "Вътрешен отстъп",
+  "LIVE_DEV_STYLER_MARGIN": "Външен отстъп",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактиране на всички страни заедно",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактиране на страните поотделно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Независими страни - всяка страна има собствена стойност",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Сдвоени - горна и долна са свързани, лява и дясна са свързани",
+  "LIVE_DEV_STYLER_LINK_ALL": "Всички страни са свързани - една стойност за всяка страна",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликнете, за да промените как са свързани страните",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Всички",
   "LIVE_DEV_STYLER_TOP": "Горе",
   "LIVE_DEV_STYLER_RIGHT": "Дясно",
   "LIVE_DEV_STYLER_BOTTOM": "Долу",
   "LIVE_DEV_STYLER_LEFT": "Ляво",
+  "LIVE_DEV_STYLER_DISPLAY": "Показване",
+  "LIVE_DEV_STYLER_DIRECTION": "Посока",
+  "LIVE_DEV_STYLER_JUSTIFY": "Подравняване",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Подравняване на елементи",
+  "LIVE_DEV_STYLER_WRAP": "Пренасяне",
+  "LIVE_DEV_STYLER_GAP": "Разстояние",
+  "LIVE_DEV_STYLER_COLUMNS": "Колони",
+  "LIVE_DEV_STYLER_ROWS": "Редове",
+  "LIVE_DEV_STYLER_POSITION": "Позиция",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Вграден",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Вграден блок",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Вграден флекс",
+  "LIVE_DEV_STYLER_GRID": "Грид",
+  "LIVE_DEV_STYLER_HIDDEN": "Скрит",
+  "LIVE_DEV_STYLER_ROW": "Ред",
+  "LIVE_DEV_STYLER_COLUMN": "Колона",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратен ред",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратна колона",
+  "LIVE_DEV_STYLER_START": "Начало",
+  "LIVE_DEV_STYLER_CENTER": "Център",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Пространство около",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерно пространство",
+  "LIVE_DEV_STYLER_STRETCH": "Разтягане",
+  "LIVE_DEV_STYLER_BASELINE": "Базова линия",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без пренасяне",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратно пренасяне",
+  "LIVE_DEV_STYLER_STATIC": "Статично",
+  "LIVE_DEV_STYLER_RELATIVE": "Относително",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютно",
+  "LIVE_DEV_STYLER_STICKY": "Залепващо",
+  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Запазване на промените в",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Вградено",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно върху елемента",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "засяга {0} на страницата",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Нов стил…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нов стил",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавя клас „{0}“ към този елемент и запазва стила в {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Задава на този елемент ID „{0}“ и запазва стила в {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Запазва стила в {0} – стилизира само този елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Запазва стила в {0} – стилизира {1} елементи на страницата",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Друг елемент вече има това ID – опитайте с клас",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Това не съответства на избрания елемент, така че редакциите ви няма да го променят",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилове като „:hover“ все още не могат да се редактират на живо тук",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Това не изглежда като валидно име на стил – опитайте с клас като .card или ID като #hero",
+  "LIVE_DEV_STYLER_CREATE": "Създай",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Височина",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална височина",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална височина",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Покажи мин./макс. ограничения за размер",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрий мин./макс. ограничения за размер",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозрачност",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Смяна на мерна единица - превключва между {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличаване на {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Намаляване на {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Увеличаване на стойността",
+  "LIVE_DEV_STYLER_DECREASE": "Намаляване на стойността",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Избор на цвят от страницата",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Отрязване",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копиране",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Поставяне",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "LIVE_DEV_STYLER_BACKGROUND": "Цвят на фона",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвят на текста",
-  "LIVE_DEV_STYLER_FONT": "Шрифт",
-  "LIVE_DEV_STYLER_SIZE": "Размер на шрифта",
-  "LIVE_DEV_STYLER_WEIGHT": "Дебелина на шрифта",
-  "LIVE_DEV_STYLER_ALIGN": "Подравняване на текста",
-  "LIVE_DEV_STYLER_BORDER": "Рамка",
-  "LIVE_DEV_STYLER_SPACING": "Външни и вътрешни отстояния",
-  "LIVE_DEV_STYLER_LAYOUT": "Оформление",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил на текста",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Премести лентата отгоре",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Премести лентата отдолу",
-  "LIVE_DEV_STYLER_RESET": "Нулиране на промените",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Няма промени за нулиране",
-  "LIVE_DEV_STYLER_MIXED": "Смесени",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Страните се различават — редактирайте всяка страна поотделно",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Търсене на шрифтове…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугъл",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системни",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На тази страница",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "По избор",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Използвай „{0}“",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Не са намерени шрифтове",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Зареди още",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тънък",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Екстра лек",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Лек",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Нормален",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Среден",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуудебелен",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Получер",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра получер",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Черен",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Междуредие",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Разстояние между буквите",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Разстояние между думите",
-  "LIVE_DEV_STYLER_CASE": "Регистър",
-  "LIVE_DEV_STYLER_BOLD": "Получер",
-  "LIVE_DEV_STYLER_ITALIC": "Курсив",
-  "LIVE_DEV_STYLER_UNDERLINE": "Подчертан",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачеркнат",
-  "LIVE_DEV_STYLER_NONE": "Без",
-  "LIVE_DEV_STYLER_UPPERCASE": "Главни букви",
-  "LIVE_DEV_STYLER_LOWERCASE": "Малки букви",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Главна първа буква",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Подравняване вляво",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Подравняване в центъра",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Подравняване вдясно",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Двустранно подравняване",
-  "LIVE_DEV_STYLER_CLEAR": "Изчистване",
-  "LIVE_DEV_STYLER_RADIUS": "Радиус",
-  "LIVE_DEV_STYLER_WIDTH": "Ширина",
-  "LIVE_DEV_STYLER_COLOR": "Цвят",
-  "LIVE_DEV_STYLER_STYLE": "Стил",
-  "LIVE_DEV_STYLER_SOLID": "Плътна",
-  "LIVE_DEV_STYLER_DASHED": "Прекъсната",
-  "LIVE_DEV_STYLER_DOTTED": "На точки",
-  "LIVE_DEV_STYLER_DOUBLE": "Двойна",
-  "LIVE_DEV_STYLER_OUTLINE": "Контур",
-  "LIVE_DEV_STYLER_OFFSET": "Отстояние",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Рамка и очертание",
-  "LIVE_DEV_STYLER_SIDE": "Страна",
-  "LIVE_DEV_STYLER_PADDING": "Вътрешен отстъп",
-  "LIVE_DEV_STYLER_MARGIN": "Външен отстъп",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактиране на всички страни заедно",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактиране на страните поотделно",
-  "LIVE_DEV_STYLER_LINK_NONE": "Независими страни - всяка страна има собствена стойност",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Сдвоени - горна и долна са свързани, лява и дясна са свързани",
-  "LIVE_DEV_STYLER_LINK_ALL": "Всички страни са свързани - една стойност за всяка страна",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликнете, за да промените как са свързани страните",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Всички",
-  "LIVE_DEV_STYLER_DISPLAY": "Показване",
-  "LIVE_DEV_STYLER_DIRECTION": "Посока",
-  "LIVE_DEV_STYLER_JUSTIFY": "Подравняване",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Подравняване на елементи",
-  "LIVE_DEV_STYLER_WRAP": "Пренасяне",
-  "LIVE_DEV_STYLER_GAP": "Разстояние",
-  "LIVE_DEV_STYLER_COLUMNS": "Колони",
-  "LIVE_DEV_STYLER_ROWS": "Редове",
-  "LIVE_DEV_STYLER_POSITION": "Позиция",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
-  "LIVE_DEV_STYLER_BLOCK": "Блок",
-  "LIVE_DEV_STYLER_INLINE": "Вграден",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Вграден блок",
-  "LIVE_DEV_STYLER_FLEX": "Флекс",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Вграден флекс",
-  "LIVE_DEV_STYLER_GRID": "Грид",
-  "LIVE_DEV_STYLER_HIDDEN": "Скрит",
-  "LIVE_DEV_STYLER_ROW": "Ред",
-  "LIVE_DEV_STYLER_COLUMN": "Колона",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратен ред",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратна колона",
-  "LIVE_DEV_STYLER_START": "Начало",
-  "LIVE_DEV_STYLER_CENTER": "Център",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Пространство около",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерно пространство",
-  "LIVE_DEV_STYLER_STRETCH": "Разтягане",
-  "LIVE_DEV_STYLER_BASELINE": "Базова линия",
-  "LIVE_DEV_STYLER_NO_WRAP": "Без пренасяне",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратно пренасяне",
-  "LIVE_DEV_STYLER_STATIC": "Статично",
-  "LIVE_DEV_STYLER_RELATIVE": "Относително",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютно",
-  "LIVE_DEV_STYLER_STICKY": "Залепващо",
-  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Запазване на промените в",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Вградено",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно върху елемента",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "засяга {0} на страницата",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Нов стил…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нов стил",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавя клас „{0}“ към този елемент и запазва стила в {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Задава на този елемент ID „{0}“ и запазва стила в {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Запазва стила в {0} – стилизира само този елемент",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Запазва стила в {0} – стилизира {1} елементи на страницата",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Друг елемент вече има това ID – опитайте с клас",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Това не съответства на избрания елемент, така че редакциите ви няма да го променят",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилове като „:hover“ все още не могат да се редактират на живо тук",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Това не изглежда като валидно име на стил – опитайте с клас като .card или ID като #hero",
-  "LIVE_DEV_STYLER_CREATE": "Създай",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card или #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Височина",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална височина",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална височина",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Покажи мин./макс. ограничения за размер",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрий мин./макс. ограничения за размер",
-  "LIVE_DEV_STYLER_OPACITY": "Непрозрачност",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Смяна на мерна единица - превключва между {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличаване на {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Намаляване на {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Увеличаване на стойността",
-  "LIVE_DEV_STYLER_DECREASE": "Намаляване на стойността",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клик: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Избор на цвят от страницата"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показва лентата със стилове при избиране на елементи в прегледа на живо. По подразбиране е 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна, към която се закача лентата със стилове в прегледа на живо: 'top', 'bottom', 'left' или 'right'. По подразбиране е 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Позиция на закачане",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Премести лентата вляво",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Премести лентата вдясно",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страницата",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Общи",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Бял",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребърен",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сив",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Черен",
+  "LIVE_DEV_STYLER_COLOR_RED": "Червен",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжев",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Златист",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жълт",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинен",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лайм",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелен",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Синьо-зелен",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Циан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Син",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тъмносин",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Лилав",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолетов",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розов",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Покажи лентата със стилове"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 856f80d1ff..34cbcc426d 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Smazat",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie obrázků",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Další možnosti",
+  "LIVE_DEV_STYLER_BACKGROUND": "Barva pozadí",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Barva textu",
+  "LIVE_DEV_STYLER_FONT": "Rodina písma",
+  "LIVE_DEV_STYLER_SIZE": "Velikost písma",
+  "LIVE_DEV_STYLER_WEIGHT": "Tloušťka písma",
+  "LIVE_DEV_STYLER_ALIGN": "Zarovnání textu",
+  "LIVE_DEV_STYLER_BORDER": "Ohraničení",
+  "LIVE_DEV_STYLER_SPACING": "Okraj a výplň",
+  "LIVE_DEV_STYLER_LAYOUT": "Rozvržení",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl textu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Přesunout lištu nahoru",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Přesunout lištu dolů",
+  "LIVE_DEV_STYLER_RESET": "Resetovat změny",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žádné změny k resetování",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
+  "LIVE_DEV_STYLER_MIXED": "Smíšené",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany se liší – upravte každou stranu zvlášť",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hledat písma…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na této stránce",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastní",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použít „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenalezena žádná písma",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Načíst další",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra světlé",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Světlé",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Běžné",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Střední",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška řádku",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Proklad písmen",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Mezislovní mezery",
+  "LIVE_DEV_STYLER_CASE": "Velikost písmen",
+  "LIVE_DEV_STYLER_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podtržení",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Přeškrtnuté",
+  "LIVE_DEV_STYLER_NONE": "Žádné",
+  "LIVE_DEV_STYLER_UPPERCASE": "Velká písmena",
+  "LIVE_DEV_STYLER_LOWERCASE": "Malá písmena",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizace",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnat vlevo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnat na střed",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnat vpravo",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnat do bloku",
+  "LIVE_DEV_STYLER_CLEAR": "Vymazat",
+  "LIVE_DEV_STYLER_RADIUS": "Poloměr",
+  "LIVE_DEV_STYLER_WIDTH": "Šířka",
+  "LIVE_DEV_STYLER_COLOR": "Barva",
+  "LIVE_DEV_STYLER_STYLE": "Styl",
+  "LIVE_DEV_STYLER_SOLID": "Plná",
+  "LIVE_DEV_STYLER_DASHED": "Čárkovaná",
+  "LIVE_DEV_STYLER_DOTTED": "Tečkovaná",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
+  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
+  "LIVE_DEV_STYLER_OFFSET": "Odsazení",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ohraničení a obrys",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Vnitřní okraj",
+  "LIVE_DEV_STYLER_MARGIN": "Vnější okraj",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Upravit všechny strany společně",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upravit strany samostatně",
+  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má svou vlastní hodnotu",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - propojená horní a dolní, propojená levá a pravá",
+  "LIVE_DEV_STYLER_LINK_ALL": "Všechny strany propojené - jedna hodnota pro všechny strany",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím změníte způsob propojení stran",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Všechny",
   "LIVE_DEV_STYLER_TOP": "Nahoře",
   "LIVE_DEV_STYLER_RIGHT": "Vpravo",
   "LIVE_DEV_STYLER_BOTTOM": "Dole",
   "LIVE_DEV_STYLER_LEFT": "Vlevo",
+  "LIVE_DEV_STYLER_DISPLAY": "Zobrazení",
+  "LIVE_DEV_STYLER_DIRECTION": "Směr",
+  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnání",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnání položek",
+  "LIVE_DEV_STYLER_WRAP": "Zalamování",
+  "LIVE_DEV_STYLER_GAP": "Mezera",
+  "LIVE_DEV_STYLER_COLUMNS": "Sloupce",
+  "LIVE_DEV_STYLER_ROWS": "Řádky",
+  "LIVE_DEV_STYLER_POSITION": "Pozice",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Řádkový",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Řádkový blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Řádkový flex",
+  "LIVE_DEV_STYLER_GRID": "Mřížka",
+  "LIVE_DEV_STYLER_HIDDEN": "Skrytý",
+  "LIVE_DEV_STYLER_ROW": "Řádek",
+  "LIVE_DEV_STYLER_COLUMN": "Sloupec",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrácený řádek",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrácený sloupec",
+  "LIVE_DEV_STYLER_START": "Na začátek",
+  "LIVE_DEV_STYLER_CENTER": "Na střed",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mezery mezi",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mezery okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnoměrné mezery",
+  "LIVE_DEV_STYLER_STRETCH": "Roztáhnout",
+  "LIVE_DEV_STYLER_BASELINE": "Na účaří",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nezalamovat",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrácené zalomení",
+  "LIVE_DEV_STYLER_STATIC": "Statický",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativní",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutní",
+  "LIVE_DEV_STYLER_STICKY": "Přichycená",
+  "LIVE_DEV_STYLER_FIXED": "Pevná",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uložit změny do",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Vložený",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "přímo na elementu",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ovlivňuje {0} na stránce",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nový styl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový styl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Přidá tomuto prvku třídu „{0}“ a uloží styl do {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Přiřadí tomuto prvku ID „{0}“ a uloží styl do {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží styl do {0} – styluje pouze tento prvek",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží styl do {0} – styluje {1} prvků na stránce",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Jiný prvek již má toto ID – zkuste místo toho použít třídu",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto neodpovídá vybranému prvku, takže vaše úpravy by ho nezměnily",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styly jako „:hover“ zde zatím nelze živě upravovat",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevypadá jako platný název stylu – zkuste třídu jako .card nebo ID jako #hero",
+  "LIVE_DEV_STYLER_CREATE": "Vytvořit",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "např. .card nebo #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Výška",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Velikost",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. šířka",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. šířka",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. výška",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. výška",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobrazit limity min. / max. velikosti",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skrýt limity min. / max. velikosti",
+  "LIVE_DEV_STYLER_OPACITY": "Krytí",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Změnit jednotku - přepíná mezi {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšit {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Snížit {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zvýšit hodnotu",
+  "LIVE_DEV_STYLER_DECREASE": "Snížit hodnotu",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrat barvu ze stránky",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Vyjmout",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopírovat",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Vložit",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "LIVE_DEV_STYLER_BACKGROUND": "Barva pozadí",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Barva textu",
-  "LIVE_DEV_STYLER_FONT": "Rodina písma",
-  "LIVE_DEV_STYLER_SIZE": "Velikost písma",
-  "LIVE_DEV_STYLER_WEIGHT": "Tloušťka písma",
-  "LIVE_DEV_STYLER_ALIGN": "Zarovnání textu",
-  "LIVE_DEV_STYLER_BORDER": "Ohraničení",
-  "LIVE_DEV_STYLER_SPACING": "Okraj a výplň",
-  "LIVE_DEV_STYLER_LAYOUT": "Rozvržení",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl textu",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Přesunout lištu nahoru",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Přesunout lištu dolů",
-  "LIVE_DEV_STYLER_RESET": "Resetovat změny",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žádné změny k resetování",
-  "LIVE_DEV_STYLER_MIXED": "Smíšené",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany se liší – upravte každou stranu zvlášť",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hledat písma…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na této stránce",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastní",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použít „{0}“",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenalezena žádná písma",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Načíst další",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra světlé",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Světlé",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Běžné",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Střední",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška řádku",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Proklad písmen",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Mezislovní mezery",
-  "LIVE_DEV_STYLER_CASE": "Velikost písmen",
-  "LIVE_DEV_STYLER_BOLD": "Tučné",
-  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
-  "LIVE_DEV_STYLER_UNDERLINE": "Podtržení",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Přeškrtnuté",
-  "LIVE_DEV_STYLER_NONE": "Žádné",
-  "LIVE_DEV_STYLER_UPPERCASE": "Velká písmena",
-  "LIVE_DEV_STYLER_LOWERCASE": "Malá písmena",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizace",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnat vlevo",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnat na střed",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnat vpravo",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnat do bloku",
-  "LIVE_DEV_STYLER_CLEAR": "Vymazat",
-  "LIVE_DEV_STYLER_RADIUS": "Poloměr",
-  "LIVE_DEV_STYLER_WIDTH": "Šířka",
-  "LIVE_DEV_STYLER_COLOR": "Barva",
-  "LIVE_DEV_STYLER_STYLE": "Styl",
-  "LIVE_DEV_STYLER_SOLID": "Plná",
-  "LIVE_DEV_STYLER_DASHED": "Čárkovaná",
-  "LIVE_DEV_STYLER_DOTTED": "Tečkovaná",
-  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
-  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
-  "LIVE_DEV_STYLER_OFFSET": "Odsazení",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ohraničení a obrys",
-  "LIVE_DEV_STYLER_SIDE": "Strana",
-  "LIVE_DEV_STYLER_PADDING": "Vnitřní okraj",
-  "LIVE_DEV_STYLER_MARGIN": "Vnější okraj",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Upravit všechny strany společně",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upravit strany samostatně",
-  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má svou vlastní hodnotu",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - propojená horní a dolní, propojená levá a pravá",
-  "LIVE_DEV_STYLER_LINK_ALL": "Všechny strany propojené - jedna hodnota pro všechny strany",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím změníte způsob propojení stran",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Všechny",
-  "LIVE_DEV_STYLER_DISPLAY": "Zobrazení",
-  "LIVE_DEV_STYLER_DIRECTION": "Směr",
-  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnání",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnání položek",
-  "LIVE_DEV_STYLER_WRAP": "Zalamování",
-  "LIVE_DEV_STYLER_GAP": "Mezera",
-  "LIVE_DEV_STYLER_COLUMNS": "Sloupce",
-  "LIVE_DEV_STYLER_ROWS": "Řádky",
-  "LIVE_DEV_STYLER_POSITION": "Pozice",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Řádkový",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Řádkový blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Řádkový flex",
-  "LIVE_DEV_STYLER_GRID": "Mřížka",
-  "LIVE_DEV_STYLER_HIDDEN": "Skrytý",
-  "LIVE_DEV_STYLER_ROW": "Řádek",
-  "LIVE_DEV_STYLER_COLUMN": "Sloupec",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrácený řádek",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrácený sloupec",
-  "LIVE_DEV_STYLER_START": "Na začátek",
-  "LIVE_DEV_STYLER_CENTER": "Na střed",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mezery mezi",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Mezery okolo",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnoměrné mezery",
-  "LIVE_DEV_STYLER_STRETCH": "Roztáhnout",
-  "LIVE_DEV_STYLER_BASELINE": "Na účaří",
-  "LIVE_DEV_STYLER_NO_WRAP": "Nezalamovat",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrácené zalomení",
-  "LIVE_DEV_STYLER_STATIC": "Statický",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativní",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutní",
-  "LIVE_DEV_STYLER_STICKY": "Přichycená",
-  "LIVE_DEV_STYLER_FIXED": "Pevná",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Uložit změny do",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Vložený",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "přímo na elementu",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "ovlivňuje {0} na stránce",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nový styl…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový styl",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Přidá tomuto prvku třídu „{0}“ a uloží styl do {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Přiřadí tomuto prvku ID „{0}“ a uloží styl do {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží styl do {0} – styluje pouze tento prvek",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží styl do {0} – styluje {1} prvků na stránce",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Jiný prvek již má toto ID – zkuste místo toho použít třídu",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto neodpovídá vybranému prvku, takže vaše úpravy by ho nezměnily",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styly jako „:hover“ zde zatím nelze živě upravovat",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevypadá jako platný název stylu – zkuste třídu jako .card nebo ID jako #hero",
-  "LIVE_DEV_STYLER_CREATE": "Vytvořit",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "např. .card nebo #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Výška",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Velikost",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. šířka",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. šířka",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. výška",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. výška",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobrazit limity min. / max. velikosti",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skrýt limity min. / max. velikosti",
-  "LIVE_DEV_STYLER_OPACITY": "Krytí",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Změnit jednotku - přepíná mezi {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšit {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Snížit {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Zvýšit hodnotu",
-  "LIVE_DEV_STYLER_DECREASE": "Snížit hodnotu",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrat barvu ze stránky"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobrazit panel stylů, když jsou v živém náhledu vybrány prvky. Výchozí hodnota je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, ke které se ukotví panel stylů živého náhledu: 'nahoře', 'dole', 'vlevo' nebo 'vpravo'. Výchozí hodnota je 'dole'.",
+  "LIVE_DEV_STYLER_DOCK": "Pozice ukotvení",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Přesunout panel vlevo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Přesunout panel vpravo",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na této stránce",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Běžné",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bílá",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Stříbrná",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Šedá",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Černá",
+  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Vínová",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žlutá",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Šedozelená",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Azurová",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Námořnická modrá",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Purpurová",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fialková",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Růžová",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobrazit lištu stylů"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index e74b3bfc0e..d48936433a 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -170,7 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Slet",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Billedgalleri",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Flere valgmuligheder",
+  "LIVE_DEV_STYLER_BACKGROUND": "Baggrundsfarve",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarve",
+  "LIVE_DEV_STYLER_FONT": "Skrifttype",
+  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
+  "LIVE_DEV_STYLER_WEIGHT": "Skriftvægt",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kant",
+  "LIVE_DEV_STYLER_SPACING": "Margen & indrykning",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flyt bjælke til toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flyt bjælke til bunden",
+  "LIVE_DEV_STYLER_RESET": "Nulstil ændringer",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen ændringer at nulstille",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Færdig",
+  "LIVE_DEV_STYLER_MIXED": "Blandet",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Siderne er forskellige — rediger hver side separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søg efter skrifttyper…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne side",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Brugerdefineret",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Brug \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper fundet",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Indlæs flere",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynd",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra let",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Let",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfed",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fed",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fed",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sort",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøjde",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnafstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordafstand",
+  "LIVE_DEV_STYLER_CASE": "Store/små bogstaver",
+  "LIVE_DEV_STYLER_BOLD": "Fed",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understregning",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gennemstreget",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Store bogstaver",
+  "LIVE_DEV_STYLER_LOWERCASE": "Små bogstaver",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Stort begyndelsesbogstav",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Højrejuster",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Lige margener",
+  "LIVE_DEV_STYLER_CLEAR": "Ryd",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Bredde",
+  "LIVE_DEV_STYLER_COLOR": "Farve",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
+  "LIVE_DEV_STYLER_DASHED": "Stiplet",
+  "LIVE_DEV_STYLER_DOTTED": "Prikket",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobbelt",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Forskydning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kant & Kontur",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margen",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider sammen",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sider hver for sig",
+  "LIVE_DEV_STYLER_LINK_NONE": "Uafhængige sider - hver side har sin egen værdi",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis - top & bund forbundet, venstre & højre forbundet",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider forbundet - én værdi for alle sider",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik for at ændre, hvordan sider er forbundet",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_RIGHT": "Højre",
+  "LIVE_DEV_STYLER_BOTTOM": "Bund",
+  "LIVE_DEV_STYLER_LEFT": "Venstre",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DIRECTION": "Retning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
+  "LIVE_DEV_STYLER_WRAP": "Ombrydning",
+  "LIVE_DEV_STYLER_GAP": "Mellemrum",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
+  "LIVE_DEV_STYLER_ROWS": "Rækker",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
+  "LIVE_DEV_STYLER_GRID": "Gitter",
+  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
+  "LIVE_DEV_STYLER_ROW": "Række",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt række",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_END": "Slut",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellemrum mellem",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellemrum omkring",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jævnt mellemrum",
+  "LIVE_DEV_STYLER_STRETCH": "Stræk",
+  "LIVE_DEV_STYLER_BASELINE": "Grundlinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen ombrydning",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt ombrydning",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Klæbende",
+  "LIVE_DEV_STYLER_FIXED": "Fast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Gem ændringer i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Tilføjer klassen \"{0}\" til dette element og gemmer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Giver dette element id'et \"{0}\" og gemmer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Gemmer stilen i {0} - styler kun dette element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Gemmer stilen i {0} - styler {1} elementer på siden",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et andet element har allerede det id - prøv en klasse i stedet",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette matcher ikke det valgte element, så dine redigeringer vil ikke ændre det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilarter som \":hover\" kan endnu ikke redigeres live her",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ligner ikke et gyldigt stilnavn - prøv en klasse som .card eller et id som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Opret",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Højde",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. bredde",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. bredde",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. højde",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. højde",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis min./maks. størrelsesbegrænsninger",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul min./maks. størrelsesbegrænsninger",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Skift enhed - skifter mellem {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Forøg {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Formindsk {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Forøg værdi",
+  "LIVE_DEV_STYLER_DECREASE": "Formindsk værdi",
+  "LIVE_DEV_STYLER_STEP_HINT": "Skift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vælg farve fra siden",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Klip",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiér",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Sæt ind",
@@ -2279,147 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_STYLER_BACKGROUND": "Baggrundsfarve",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarve",
-  "LIVE_DEV_STYLER_FONT": "Skrifttype",
-  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
-  "LIVE_DEV_STYLER_WEIGHT": "Skriftvægt",
-  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
-  "LIVE_DEV_STYLER_BORDER": "Kant",
-  "LIVE_DEV_STYLER_SPACING": "Margen & indrykning",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Flyt bjælke til toppen",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flyt bjælke til bunden",
-  "LIVE_DEV_STYLER_RESET": "Nulstil ændringer",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen ændringer at nulstille",
-  "LIVE_DEV_STYLER_MIXED": "Blandet",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Siderne er forskellige — rediger hver side separat",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søg efter skrifttyper…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne side",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Brugerdefineret",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Brug \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper fundet",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Indlæs flere",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynd",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra let",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Let",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfed",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fed",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fed",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sort",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøjde",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnafstand",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Ordafstand",
-  "LIVE_DEV_STYLER_CASE": "Store/små bogstaver",
-  "LIVE_DEV_STYLER_BOLD": "Fed",
-  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Understregning",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gennemstreget",
-  "LIVE_DEV_STYLER_NONE": "Ingen",
-  "LIVE_DEV_STYLER_UPPERCASE": "Store bogstaver",
-  "LIVE_DEV_STYLER_LOWERCASE": "Små bogstaver",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Stort begyndelsesbogstav",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Højrejuster",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Lige margener",
-  "LIVE_DEV_STYLER_CLEAR": "Ryd",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Bredde",
-  "LIVE_DEV_STYLER_COLOR": "Farve",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
-  "LIVE_DEV_STYLER_DASHED": "Stiplet",
-  "LIVE_DEV_STYLER_DOTTED": "Prikket",
-  "LIVE_DEV_STYLER_DOUBLE": "Dobbelt",
-  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
-  "LIVE_DEV_STYLER_OFFSET": "Forskydning",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kant & Kontur",
-  "LIVE_DEV_STYLER_SIDE": "Side",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margen",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider sammen",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sider hver for sig",
-  "LIVE_DEV_STYLER_LINK_NONE": "Uafhængige sider - hver side har sin egen værdi",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis - top & bund forbundet, venstre & højre forbundet",
-  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider forbundet - én værdi for alle sider",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik for at ændre, hvordan sider er forbundet",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
-  "LIVE_DEV_STYLER_TOP": "Top",
-  "LIVE_DEV_STYLER_RIGHT": "Højre",
-  "LIVE_DEV_STYLER_BOTTOM": "Bund",
-  "LIVE_DEV_STYLER_LEFT": "Venstre",
-  "LIVE_DEV_STYLER_DISPLAY": "Display",
-  "LIVE_DEV_STYLER_DIRECTION": "Retning",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
-  "LIVE_DEV_STYLER_WRAP": "Ombrydning",
-  "LIVE_DEV_STYLER_GAP": "Mellemrum",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
-  "LIVE_DEV_STYLER_ROWS": "Rækker",
-  "LIVE_DEV_STYLER_POSITION": "Position",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
-  "LIVE_DEV_STYLER_GRID": "Gitter",
-  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
-  "LIVE_DEV_STYLER_ROW": "Række",
-  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt række",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
-  "LIVE_DEV_STYLER_START": "Start",
-  "LIVE_DEV_STYLER_CENTER": "Centrer",
-  "LIVE_DEV_STYLER_END": "Slut",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellemrum mellem",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellemrum omkring",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jævnt mellemrum",
-  "LIVE_DEV_STYLER_STRETCH": "Stræk",
-  "LIVE_DEV_STYLER_BASELINE": "Grundlinje",
-  "LIVE_DEV_STYLER_NO_WRAP": "Ingen ombrydning",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt ombrydning",
-  "LIVE_DEV_STYLER_STATIC": "Statisk",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
-  "LIVE_DEV_STYLER_STICKY": "Klæbende",
-  "LIVE_DEV_STYLER_FIXED": "Fast",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Gem ændringer i",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil...",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Tilføjer klassen \"{0}\" til dette element og gemmer stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Giver dette element id'et \"{0}\" og gemmer stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Gemmer stilen i {0} - styler kun dette element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Gemmer stilen i {0} - styler {1} elementer på siden",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et andet element har allerede det id - prøv en klasse i stedet",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette matcher ikke det valgte element, så dine redigeringer vil ikke ændre det",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilarter som \":hover\" kan endnu ikke redigeres live her",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ligner ikke et gyldigt stilnavn - prøv en klasse som .card eller et id som #hero",
-  "LIVE_DEV_STYLER_CREATE": "Opret",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Højde",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. bredde",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. bredde",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. højde",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. højde",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis min./maks. størrelsesbegrænsninger",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul min./maks. størrelsesbegrænsninger",
-  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Skift enhed - skifter mellem {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Forøg {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Formindsk {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Forøg værdi",
-  "LIVE_DEV_STYLER_DECREASE": "Formindsk værdi",
-  "LIVE_DEV_STYLER_STEP_HINT": "Skift + klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Vælg farve fra siden"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stilbjælken, når elementer er valgt i live forhåndsvisning. Standard er 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stilbjælken i live forhåndsvisning fastgøres til: 'top', 'bottom', 'left' eller 'right'. Standard er 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Fastgørelsesposition",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flyt bjælke til venstre",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flyt bjælke til højre",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Almindelige",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvid",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Sort",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grøn",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkis",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Lyserød",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stilbjælke"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index b1e7fd8d4b..3f56642bf2 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Löschen",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Bildergalerie",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Weitere Optionen",
+  "LIVE_DEV_STYLER_BACKGROUND": "Hintergrundfarbe",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfarbe",
+  "LIVE_DEV_STYLER_FONT": "Schriftart",
+  "LIVE_DEV_STYLER_SIZE": "Schriftgröße",
+  "LIVE_DEV_STYLER_WEIGHT": "Schriftgewicht",
+  "LIVE_DEV_STYLER_ALIGN": "Textausrichtung",
+  "LIVE_DEV_STYLER_BORDER": "Rahmen",
+  "LIVE_DEV_STYLER_SPACING": "Außenabstand & Innenabstand",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Leiste nach oben verschieben",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Leiste nach unten verschieben",
+  "LIVE_DEV_STYLER_RESET": "Änderungen zurücksetzen",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Keine Änderungen zum Zurücksetzen",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Fertig",
+  "LIVE_DEV_STYLER_MIXED": "Gemischt",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Seiten unterscheiden sich – jede Seite einzeln bearbeiten",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Schriftarten suchen…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Auf dieser Seite",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Benutzerdefiniert",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" verwenden",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Keine Schriftarten gefunden",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Mehr laden",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dünn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extraleicht",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leicht",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mittel",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halbfett",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fett",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extrafett",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Schwarz",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Zeilenhöhe",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Zeichenabstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Wortabstand",
+  "LIVE_DEV_STYLER_CASE": "Groß-/Kleinschreibung",
+  "LIVE_DEV_STYLER_BOLD": "Fett",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Unterstrichen",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Durchgestrichen",
+  "LIVE_DEV_STYLER_NONE": "Keine",
+  "LIVE_DEV_STYLER_UPPERCASE": "Großbuchstaben",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kleinbuchstaben",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisieren",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Linksbündig",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zentriert",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechtsbündig",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blocksatz",
   "LIVE_DEV_STYLER_CLEAR": "Leeren",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Breite",
+  "LIVE_DEV_STYLER_COLOR": "Farbe",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Durchgezogen",
+  "LIVE_DEV_STYLER_DASHED": "Gestrichelt",
+  "LIVE_DEV_STYLER_DOTTED": "Gepunktet",
+  "LIVE_DEV_STYLER_DOUBLE": "Doppelt",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Versatz",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rahmen & Kontur",
+  "LIVE_DEV_STYLER_SIDE": "Seite",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle Seiten zusammen bearbeiten",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Seiten einzeln bearbeiten",
+  "LIVE_DEV_STYLER_LINK_NONE": "Einzelne Seiten – jede Seite hat ihren eigenen Wert",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Gekoppelt – oben & unten verknüpft, links & rechts verknüpft",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle Seiten verknüpft – ein Wert für jede Seite",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicken, um die Verknüpfung der Seiten zu ändern",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
   "LIVE_DEV_STYLER_TOP": "Oben",
   "LIVE_DEV_STYLER_RIGHT": "Rechts",
   "LIVE_DEV_STYLER_BOTTOM": "Unten",
   "LIVE_DEV_STYLER_LEFT": "Links",
+  "LIVE_DEV_STYLER_DISPLAY": "Anzeige",
+  "LIVE_DEV_STYLER_DIRECTION": "Richtung",
+  "LIVE_DEV_STYLER_JUSTIFY": "Ausrichtung",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemente ausrichten",
+  "LIVE_DEV_STYLER_WRAP": "Umbruch",
+  "LIVE_DEV_STYLER_GAP": "Abstand",
+  "LIVE_DEV_STYLER_COLUMNS": "Spalten",
+  "LIVE_DEV_STYLER_ROWS": "Zeilen",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-Index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-Block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Versteckt",
+  "LIVE_DEV_STYLER_ROW": "Zeile",
+  "LIVE_DEV_STYLER_COLUMN": "Spalte",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Zeile umgekehrt",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Spalte umgekehrt",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Zentriert",
   "LIVE_DEV_STYLER_END": "Ende",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Abstand dazwischen",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Abstand herum",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gleichmäßiger Abstand",
+  "LIVE_DEV_STYLER_STRETCH": "Strecken",
+  "LIVE_DEV_STYLER_BASELINE": "Grundlinie",
+  "LIVE_DEV_STYLER_NO_WRAP": "Kein Umbruch",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Umgekehrter Umbruch",
+  "LIVE_DEV_STYLER_STATIC": "Statisch",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixiert",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Änderungen anwenden auf",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt auf dem Element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "betrifft {0} auf der Seite",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Neuer Stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Neuer Stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Fügt diesem Element die Klasse „{0}“ hinzu und speichert den Stil in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gibt diesem Element die ID „{0}“ und speichert den Stil in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Speichert den Stil in {0} – formatiert nur dieses Element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Speichert den Stil in {0} – formatiert {1} Elemente auf der Seite",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ein anderes Element hat bereits diese ID – versuchen Sie es stattdessen mit einer Klasse",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dies stimmt nicht mit dem ausgewählten Element überein, daher würden Ihre Bearbeitungen es nicht beeinflussen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stile wie „:hover“ können hier noch nicht live bearbeitet werden",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Das sieht nicht wie ein gültiger Stilname aus – versuchen Sie es mit einer Klasse wie .card oder einer ID wie #hero",
+  "LIVE_DEV_STYLER_CREATE": "Erstellen",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "z. B. .card oder #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Höhe",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Größe",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. Breite",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. Breite",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. Höhe",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. Höhe",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min./Max.-Größenbeschränkungen anzeigen",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min./Max.-Größenbeschränkungen ausblenden",
+  "LIVE_DEV_STYLER_OPACITY": "Deckkraft",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Einheit ändern – wechselt zwischen {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} erhöhen",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} verringern",
+  "LIVE_DEV_STYLER_INCREASE": "Wert erhöhen",
+  "LIVE_DEV_STYLER_DECREASE": "Wert verringern",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Farbe von der Seite auswählen",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Ausschneiden",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopieren",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Einfügen",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "LIVE_DEV_STYLER_BACKGROUND": "Hintergrundfarbe",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfarbe",
-  "LIVE_DEV_STYLER_FONT": "Schriftart",
-  "LIVE_DEV_STYLER_SIZE": "Schriftgröße",
-  "LIVE_DEV_STYLER_WEIGHT": "Schriftgewicht",
-  "LIVE_DEV_STYLER_ALIGN": "Textausrichtung",
-  "LIVE_DEV_STYLER_BORDER": "Rahmen",
-  "LIVE_DEV_STYLER_SPACING": "Außenabstand & Innenabstand",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Leiste nach oben verschieben",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Leiste nach unten verschieben",
-  "LIVE_DEV_STYLER_RESET": "Änderungen zurücksetzen",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Keine Änderungen zum Zurücksetzen",
-  "LIVE_DEV_STYLER_MIXED": "Gemischt",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Seiten unterscheiden sich – jede Seite einzeln bearbeiten",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Schriftarten suchen…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Auf dieser Seite",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Benutzerdefiniert",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" verwenden",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Keine Schriftarten gefunden",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Mehr laden",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dünn",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extraleicht",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leicht",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mittel",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halbfett",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fett",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extrafett",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Schwarz",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Zeilenhöhe",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Zeichenabstand",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Wortabstand",
-  "LIVE_DEV_STYLER_CASE": "Groß-/Kleinschreibung",
-  "LIVE_DEV_STYLER_BOLD": "Fett",
-  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Unterstrichen",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Durchgestrichen",
-  "LIVE_DEV_STYLER_NONE": "Keine",
-  "LIVE_DEV_STYLER_UPPERCASE": "Großbuchstaben",
-  "LIVE_DEV_STYLER_LOWERCASE": "Kleinbuchstaben",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisieren",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Linksbündig",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zentriert",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechtsbündig",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blocksatz",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Breite",
-  "LIVE_DEV_STYLER_COLOR": "Farbe",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Durchgezogen",
-  "LIVE_DEV_STYLER_DASHED": "Gestrichelt",
-  "LIVE_DEV_STYLER_DOTTED": "Gepunktet",
-  "LIVE_DEV_STYLER_DOUBLE": "Doppelt",
-  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
-  "LIVE_DEV_STYLER_OFFSET": "Versatz",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rahmen & Kontur",
-  "LIVE_DEV_STYLER_SIDE": "Seite",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margin",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle Seiten zusammen bearbeiten",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Seiten einzeln bearbeiten",
-  "LIVE_DEV_STYLER_LINK_NONE": "Einzelne Seiten – jede Seite hat ihren eigenen Wert",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Gekoppelt – oben & unten verknüpft, links & rechts verknüpft",
-  "LIVE_DEV_STYLER_LINK_ALL": "Alle Seiten verknüpft – ein Wert für jede Seite",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicken, um die Verknüpfung der Seiten zu ändern",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
-  "LIVE_DEV_STYLER_DISPLAY": "Anzeige",
-  "LIVE_DEV_STYLER_DIRECTION": "Richtung",
-  "LIVE_DEV_STYLER_JUSTIFY": "Ausrichtung",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemente ausrichten",
-  "LIVE_DEV_STYLER_WRAP": "Umbruch",
-  "LIVE_DEV_STYLER_GAP": "Abstand",
-  "LIVE_DEV_STYLER_COLUMNS": "Spalten",
-  "LIVE_DEV_STYLER_ROWS": "Zeilen",
-  "LIVE_DEV_STYLER_POSITION": "Position",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-Index",
-  "LIVE_DEV_STYLER_BLOCK": "Block",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-Block",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-Flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Versteckt",
-  "LIVE_DEV_STYLER_ROW": "Zeile",
-  "LIVE_DEV_STYLER_COLUMN": "Spalte",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Zeile umgekehrt",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Spalte umgekehrt",
-  "LIVE_DEV_STYLER_START": "Start",
-  "LIVE_DEV_STYLER_CENTER": "Zentriert",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Abstand dazwischen",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Abstand herum",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gleichmäßiger Abstand",
-  "LIVE_DEV_STYLER_STRETCH": "Strecken",
-  "LIVE_DEV_STYLER_BASELINE": "Grundlinie",
-  "LIVE_DEV_STYLER_NO_WRAP": "Kein Umbruch",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Umgekehrter Umbruch",
-  "LIVE_DEV_STYLER_STATIC": "Statisch",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Fixiert",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Änderungen anwenden auf",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt auf dem Element",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "betrifft {0} auf der Seite",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Neuer Stil…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Neuer Stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Fügt diesem Element die Klasse „{0}“ hinzu und speichert den Stil in {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gibt diesem Element die ID „{0}“ und speichert den Stil in {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Speichert den Stil in {0} – formatiert nur dieses Element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Speichert den Stil in {0} – formatiert {1} Elemente auf der Seite",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ein anderes Element hat bereits diese ID – versuchen Sie es stattdessen mit einer Klasse",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dies stimmt nicht mit dem ausgewählten Element überein, daher würden Ihre Bearbeitungen es nicht beeinflussen",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stile wie „:hover“ können hier noch nicht live bearbeitet werden",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Das sieht nicht wie ein gültiger Stilname aus – versuchen Sie es mit einer Klasse wie .card oder einer ID wie #hero",
-  "LIVE_DEV_STYLER_CREATE": "Erstellen",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "z. B. .card oder #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Höhe",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Größe",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. Breite",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. Breite",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. Höhe",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. Höhe",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min./Max.-Größenbeschränkungen anzeigen",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min./Max.-Größenbeschränkungen ausblenden",
-  "LIVE_DEV_STYLER_OPACITY": "Deckkraft",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Einheit ändern – wechselt zwischen {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} erhöhen",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} verringern",
-  "LIVE_DEV_STYLER_INCREASE": "Wert erhöhen",
-  "LIVE_DEV_STYLER_DECREASE": "Wert verringern",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Farbe von der Seite auswählen"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zeigt die Stil-Leiste an, wenn Elemente in der Live-Vorschau ausgewählt werden. Standard ist 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Seite, an der die Stil-Leiste der Live-Vorschau andockt: 'top', 'bottom', 'left' oder 'right'. Standard ist 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Andockposition",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Leiste nach links verschieben",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Leiste nach rechts verschieben",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Auf dieser Seite",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Allgemein",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Weiß",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silber",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grau",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Schwarz",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rot",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Kastanienbraun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gelb",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliv",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limette",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grün",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Blaugrün",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blau",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblau",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stilleiste anzeigen"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index 3bb82a632b..ae032802ee 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Διαγραφή",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Συλλογή εικόνων",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Περισσότερες επιλογές",
+  "LIVE_DEV_STYLER_BACKGROUND": "Χρώμα φόντου",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Χρώμα κειμένου",
+  "LIVE_DEV_STYLER_FONT": "Γραμματοσειρά",
+  "LIVE_DEV_STYLER_SIZE": "Μέγεθος γραμματοσειράς",
+  "LIVE_DEV_STYLER_WEIGHT": "Πάχος γραμματοσειράς",
+  "LIVE_DEV_STYLER_ALIGN": "Στοίχιση κειμένου",
+  "LIVE_DEV_STYLER_BORDER": "Περίγραμμα",
+  "LIVE_DEV_STYLER_SPACING": "Περιθώριο & εσωτερική απόσταση",
+  "LIVE_DEV_STYLER_LAYOUT": "Διάταξη",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Στυλ κειμένου",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Μετακίνηση γραμμής στην κορυφή",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Μετακίνηση γραμμής στο κάτω μέρος",
+  "LIVE_DEV_STYLER_RESET": "Επαναφορά αλλαγών",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Δεν υπάρχουν αλλαγές για επαναφορά",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Έγινε",
+  "LIVE_DEV_STYLER_MIXED": "Μικτό",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Οι πλευρές διαφέρουν — επεξεργαστείτε κάθε πλευρά ξεχωριστά",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Αναζήτηση γραμματοσειρών…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Συστήματος",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Σε αυτήν τη σελίδα",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Προσαρμοσμένο",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Χρήση \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Δεν βρέθηκαν γραμματοσειρές",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Φόρτωση περισσότερων",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Λεπτό",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Εξαιρετικά Λεπτό",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ελαφρύ",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Κανονικό",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Μεσαίο",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Ημίπαχα",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Έντονα",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Πολύ έντονα",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Μαύρα",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Ύψος γραμμής",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Διάστιχο γραμμάτων",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Διάστιχο λέξεων",
+  "LIVE_DEV_STYLER_CASE": "Πεζά/Κεφαλαία",
+  "LIVE_DEV_STYLER_BOLD": "Έντονα",
+  "LIVE_DEV_STYLER_ITALIC": "Πλάγια",
+  "LIVE_DEV_STYLER_UNDERLINE": "Υπογράμμιση",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Διαγράμμιση",
+  "LIVE_DEV_STYLER_NONE": "Κανένα",
+  "LIVE_DEV_STYLER_UPPERCASE": "Κεφαλαία",
+  "LIVE_DEV_STYLER_LOWERCASE": "Πεζά",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Κεφαλαιοποίηση",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Στοίχιση αριστερά",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Στοίχιση στο κέντρο",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Στοίχιση δεξιά",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Πλήρης στοίχιση",
+  "LIVE_DEV_STYLER_CLEAR": "Εκκαθάριση",
+  "LIVE_DEV_STYLER_RADIUS": "Ακτίνα",
+  "LIVE_DEV_STYLER_WIDTH": "Πλάτος",
+  "LIVE_DEV_STYLER_COLOR": "Χρώμα",
+  "LIVE_DEV_STYLER_STYLE": "Στυλ",
+  "LIVE_DEV_STYLER_SOLID": "Συμπαγής",
+  "LIVE_DEV_STYLER_DASHED": "Διακεκομμένη",
+  "LIVE_DEV_STYLER_DOTTED": "Διάστικτη",
+  "LIVE_DEV_STYLER_DOUBLE": "Διπλή",
+  "LIVE_DEV_STYLER_OUTLINE": "Περίγραμμα",
+  "LIVE_DEV_STYLER_OFFSET": "Μετατόπιση",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Περίγραμμα & Εξωτερικό περίγραμμα",
+  "LIVE_DEV_STYLER_SIDE": "Πλευρά",
+  "LIVE_DEV_STYLER_PADDING": "Εσωτερική απόσταση",
+  "LIVE_DEV_STYLER_MARGIN": "Περιθώριο",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Επεξεργασία όλων των πλευρών μαζί",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Επεξεργασία πλευρών ανεξάρτητα",
+  "LIVE_DEV_STYLER_LINK_NONE": "Ανεξάρτητες πλευρές - κάθε πλευρά έχει τη δική της τιμή",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Ανά ζεύγη - πάνω & κάτω συνδεδεμένα, αριστερά & δεξιά συνδεδεμένα",
+  "LIVE_DEV_STYLER_LINK_ALL": "Όλες οι πλευρές συνδεδεμένες - μία τιμή για κάθε πλευρά",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Κάντε κλικ για να αλλάξετε τον τρόπο σύνδεσης των πλευρών",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Όλες",
+  "LIVE_DEV_STYLER_TOP": "Πάνω",
+  "LIVE_DEV_STYLER_RIGHT": "Δεξιά",
+  "LIVE_DEV_STYLER_BOTTOM": "Κάτω",
+  "LIVE_DEV_STYLER_LEFT": "Αριστερά",
+  "LIVE_DEV_STYLER_DISPLAY": "Εμφάνιση",
+  "LIVE_DEV_STYLER_DIRECTION": "Κατεύθυνση",
+  "LIVE_DEV_STYLER_JUSTIFY": "Στοίχιση",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Στοίχιση στοιχείων",
+  "LIVE_DEV_STYLER_WRAP": "Αναδίπλωση",
+  "LIVE_DEV_STYLER_GAP": "Κενό",
+  "LIVE_DEV_STYLER_COLUMNS": "Στήλες",
+  "LIVE_DEV_STYLER_ROWS": "Σειρές",
+  "LIVE_DEV_STYLER_POSITION": "Θέση",
+  "LIVE_DEV_STYLER_Z_INDEX": "Δείκτης Z",
+  "LIVE_DEV_STYLER_BLOCK": "Μπλοκ",
+  "LIVE_DEV_STYLER_INLINE": "Εντός γραμμής",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Μπλοκ εντός γραμμής",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Ενσωματωμένο Flex",
+  "LIVE_DEV_STYLER_GRID": "Πλέγμα",
+  "LIVE_DEV_STYLER_HIDDEN": "Κρυφό",
+  "LIVE_DEV_STYLER_ROW": "Σειρά",
+  "LIVE_DEV_STYLER_COLUMN": "Στήλη",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Αντίστροφη Σειρά",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Αντίστροφη Στήλη",
+  "LIVE_DEV_STYLER_START": "Αρχή",
+  "LIVE_DEV_STYLER_CENTER": "Κέντρο",
+  "LIVE_DEV_STYLER_END": "Τέλος",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Διάστημα μεταξύ",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Διάστημα περιμετρικά",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ομοιόμορφο διάστημα",
+  "LIVE_DEV_STYLER_STRETCH": "Επέκταση",
+  "LIVE_DEV_STYLER_BASELINE": "Γραμμή βάσης",
+  "LIVE_DEV_STYLER_NO_WRAP": "Χωρίς αναδίπλωση",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Αντίστροφη αναδίπλωση",
+  "LIVE_DEV_STYLER_STATIC": "Στατική",
+  "LIVE_DEV_STYLER_RELATIVE": "Σχετική",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Απόλυτη",
+  "LIVE_DEV_STYLER_STICKY": "Κολλώδης",
+  "LIVE_DEV_STYLER_FIXED": "Σταθερό",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Αποθήκευση αλλαγών σε",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Ενσωματωμένο",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "απευθείας στο στοιχείο",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "επηρεάζει {0} στη σελίδα",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Νέο στυλ…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Νέο στυλ",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Προσθέτει την κλάση \"{0}\" σε αυτό το στοιχείο και αποθηκεύει το στυλ στο {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Δίνει σε αυτό το στοιχείο το id \"{0}\" και αποθηκεύει το στυλ στο {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ μόνο σε αυτό το στοιχείο",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ σε {1} στοιχεία στη σελίδα",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ένα άλλο στοιχείο έχει ήδη αυτό το αναγνωριστικό - δοκιμάστε μια κλάση αντ' αυτού",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Αυτό δεν αντιστοιχεί στο επιλεγμένο στοιχείο, επομένως οι αλλαγές σας δεν θα το επηρεάσουν",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Στυλ όπως το \":hover\" δεν μπορούν ακόμη να επεξεργαστούν ζωντανά εδώ",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Αυτό δεν φαίνεται να είναι έγκυρο όνομα στυλ - δοκιμάστε μια κλάση όπως .card ή ένα αναγνωριστικό όπως #hero",
+  "LIVE_DEV_STYLER_CREATE": "Δημιουργία",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "π.χ. .card ή #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Ύψος",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Μέγεθος",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ελάχιστο πλάτος",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Μέγιστο πλάτος",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Ελάχιστο ύψος",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Μέγιστο ύψος",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Εμφάνιση ορίων ελάχιστου / μέγιστου μεγέθους",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Απόκρυψη ορίων ελάχιστου / μέγιστου μεγέθους",
+  "LIVE_DEV_STYLER_OPACITY": "Αδιαφάνεια",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Αλλαγή μονάδας - εναλλαγή μεταξύ {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Αύξηση {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Μείωση {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Αύξηση τιμής",
+  "LIVE_DEV_STYLER_DECREASE": "Μείωση τιμής",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Κλικ: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Επιλογή χρώματος από τη σελίδα",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Αποκοπή",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Αντιγραφή",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Επικόλληση",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "LIVE_DEV_STYLER_BACKGROUND": "Χρώμα φόντου",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Χρώμα κειμένου",
-  "LIVE_DEV_STYLER_FONT": "Γραμματοσειρά",
-  "LIVE_DEV_STYLER_SIZE": "Μέγεθος γραμματοσειράς",
-  "LIVE_DEV_STYLER_WEIGHT": "Πάχος γραμματοσειράς",
-  "LIVE_DEV_STYLER_ALIGN": "Στοίχιση κειμένου",
-  "LIVE_DEV_STYLER_BORDER": "Περίγραμμα",
-  "LIVE_DEV_STYLER_SPACING": "Περιθώριο & εσωτερική απόσταση",
-  "LIVE_DEV_STYLER_LAYOUT": "Διάταξη",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Στυλ κειμένου",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Μετακίνηση γραμμής στην κορυφή",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Μετακίνηση γραμμής στο κάτω μέρος",
-  "LIVE_DEV_STYLER_RESET": "Επαναφορά αλλαγών",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Δεν υπάρχουν αλλαγές για επαναφορά",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Έγινε",
-  "LIVE_DEV_STYLER_MIXED": "Μικτό",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Οι πλευρές διαφέρουν — επεξεργαστείτε κάθε πλευρά ξεχωριστά",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Αναζήτηση γραμματοσειρών…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Συστήματος",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Σε αυτήν τη σελίδα",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Προσαρμοσμένο",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Χρήση \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Δεν βρέθηκαν γραμματοσειρές",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Φόρτωση περισσότερων",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Λεπτό",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Εξαιρετικά Λεπτό",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ελαφρύ",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Κανονικό",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Μεσαίο",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Ημίπαχα",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Έντονα",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Πολύ έντονα",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Μαύρα",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Ύψος γραμμής",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Διάστιχο γραμμάτων",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Διάστιχο λέξεων",
-  "LIVE_DEV_STYLER_CASE": "Πεζά/Κεφαλαία",
-  "LIVE_DEV_STYLER_BOLD": "Έντονα",
-  "LIVE_DEV_STYLER_ITALIC": "Πλάγια",
-  "LIVE_DEV_STYLER_UNDERLINE": "Υπογράμμιση",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Διαγράμμιση",
-  "LIVE_DEV_STYLER_NONE": "Κανένα",
-  "LIVE_DEV_STYLER_UPPERCASE": "Κεφαλαία",
-  "LIVE_DEV_STYLER_LOWERCASE": "Πεζά",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Κεφαλαιοποίηση",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Στοίχιση αριστερά",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Στοίχιση στο κέντρο",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Στοίχιση δεξιά",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Πλήρης στοίχιση",
-  "LIVE_DEV_STYLER_CLEAR": "Εκκαθάριση",
-  "LIVE_DEV_STYLER_RADIUS": "Ακτίνα",
-  "LIVE_DEV_STYLER_WIDTH": "Πλάτος",
-  "LIVE_DEV_STYLER_COLOR": "Χρώμα",
-  "LIVE_DEV_STYLER_STYLE": "Στυλ",
-  "LIVE_DEV_STYLER_SOLID": "Συμπαγής",
-  "LIVE_DEV_STYLER_DASHED": "Διακεκομμένη",
-  "LIVE_DEV_STYLER_DOTTED": "Διάστικτη",
-  "LIVE_DEV_STYLER_DOUBLE": "Διπλή",
-  "LIVE_DEV_STYLER_OUTLINE": "Περίγραμμα",
-  "LIVE_DEV_STYLER_OFFSET": "Μετατόπιση",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Περίγραμμα & Εξωτερικό περίγραμμα",
-  "LIVE_DEV_STYLER_SIDE": "Πλευρά",
-  "LIVE_DEV_STYLER_PADDING": "Εσωτερική απόσταση",
-  "LIVE_DEV_STYLER_MARGIN": "Περιθώριο",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Επεξεργασία όλων των πλευρών μαζί",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Επεξεργασία πλευρών ανεξάρτητα",
-  "LIVE_DEV_STYLER_LINK_NONE": "Ανεξάρτητες πλευρές - κάθε πλευρά έχει τη δική της τιμή",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Ανά ζεύγη - πάνω & κάτω συνδεδεμένα, αριστερά & δεξιά συνδεδεμένα",
-  "LIVE_DEV_STYLER_LINK_ALL": "Όλες οι πλευρές συνδεδεμένες - μία τιμή για κάθε πλευρά",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Κάντε κλικ για να αλλάξετε τον τρόπο σύνδεσης των πλευρών",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Όλες",
-  "LIVE_DEV_STYLER_TOP": "Πάνω",
-  "LIVE_DEV_STYLER_RIGHT": "Δεξιά",
-  "LIVE_DEV_STYLER_BOTTOM": "Κάτω",
-  "LIVE_DEV_STYLER_LEFT": "Αριστερά",
-  "LIVE_DEV_STYLER_DISPLAY": "Εμφάνιση",
-  "LIVE_DEV_STYLER_DIRECTION": "Κατεύθυνση",
-  "LIVE_DEV_STYLER_JUSTIFY": "Στοίχιση",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Στοίχιση στοιχείων",
-  "LIVE_DEV_STYLER_WRAP": "Αναδίπλωση",
-  "LIVE_DEV_STYLER_GAP": "Κενό",
-  "LIVE_DEV_STYLER_COLUMNS": "Στήλες",
-  "LIVE_DEV_STYLER_ROWS": "Σειρές",
-  "LIVE_DEV_STYLER_POSITION": "Θέση",
-  "LIVE_DEV_STYLER_Z_INDEX": "Δείκτης Z",
-  "LIVE_DEV_STYLER_BLOCK": "Μπλοκ",
-  "LIVE_DEV_STYLER_INLINE": "Εντός γραμμής",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Μπλοκ εντός γραμμής",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Ενσωματωμένο Flex",
-  "LIVE_DEV_STYLER_GRID": "Πλέγμα",
-  "LIVE_DEV_STYLER_HIDDEN": "Κρυφό",
-  "LIVE_DEV_STYLER_ROW": "Σειρά",
-  "LIVE_DEV_STYLER_COLUMN": "Στήλη",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Αντίστροφη Σειρά",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Αντίστροφη Στήλη",
-  "LIVE_DEV_STYLER_START": "Αρχή",
-  "LIVE_DEV_STYLER_CENTER": "Κέντρο",
-  "LIVE_DEV_STYLER_END": "Τέλος",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Διάστημα μεταξύ",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Διάστημα περιμετρικά",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ομοιόμορφο διάστημα",
-  "LIVE_DEV_STYLER_STRETCH": "Επέκταση",
-  "LIVE_DEV_STYLER_BASELINE": "Γραμμή βάσης",
-  "LIVE_DEV_STYLER_NO_WRAP": "Χωρίς αναδίπλωση",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Αντίστροφη αναδίπλωση",
-  "LIVE_DEV_STYLER_STATIC": "Στατική",
-  "LIVE_DEV_STYLER_RELATIVE": "Σχετική",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Απόλυτη",
-  "LIVE_DEV_STYLER_STICKY": "Κολλώδης",
-  "LIVE_DEV_STYLER_FIXED": "Σταθερό",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Αποθήκευση αλλαγών σε",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Ενσωματωμένο",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "απευθείας στο στοιχείο",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "επηρεάζει {0} στη σελίδα",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Νέο στυλ…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Νέο στυλ",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Προσθέτει την κλάση \"{0}\" σε αυτό το στοιχείο και αποθηκεύει το στυλ στο {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Δίνει σε αυτό το στοιχείο το id \"{0}\" και αποθηκεύει το στυλ στο {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ μόνο σε αυτό το στοιχείο",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Αποθηκεύει το στυλ στο {0} - εφαρμόζει στυλ σε {1} στοιχεία στη σελίδα",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ένα άλλο στοιχείο έχει ήδη αυτό το αναγνωριστικό - δοκιμάστε μια κλάση αντ' αυτού",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Αυτό δεν αντιστοιχεί στο επιλεγμένο στοιχείο, επομένως οι αλλαγές σας δεν θα το επηρεάσουν",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Στυλ όπως το \":hover\" δεν μπορούν ακόμη να επεξεργαστούν ζωντανά εδώ",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Αυτό δεν φαίνεται να είναι έγκυρο όνομα στυλ - δοκιμάστε μια κλάση όπως .card ή ένα αναγνωριστικό όπως #hero",
-  "LIVE_DEV_STYLER_CREATE": "Δημιουργία",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "π.χ. .card ή #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Ύψος",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Μέγεθος",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Ελάχιστο πλάτος",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Μέγιστο πλάτος",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Ελάχιστο ύψος",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Μέγιστο ύψος",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Εμφάνιση ορίων ελάχιστου / μέγιστου μεγέθους",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Απόκρυψη ορίων ελάχιστου / μέγιστου μεγέθους",
-  "LIVE_DEV_STYLER_OPACITY": "Αδιαφάνεια",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Αλλαγή μονάδας - εναλλαγή μεταξύ {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Αύξηση {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Μείωση {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Αύξηση τιμής",
-  "LIVE_DEV_STYLER_DECREASE": "Μείωση τιμής",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Κλικ: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Επιλογή χρώματος από τη σελίδα"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Εμφάνιση της γραμμής στυλ όταν επιλέγονται στοιχεία στη ζωντανή προεπισκόπηση. Η προεπιλογή είναι 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Σε ποια πλευρά προσδένεται η γραμμή στυλ της ζωντανής προεπισκόπησης: 'top', 'bottom', 'left' ή 'right'. Η προεπιλογή είναι 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Θέση προσάρτησης",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Μετακίνηση γραμμής στα αριστερά",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Μετακίνηση γραμμής στα δεξιά",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Στη σελίδα",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Κοινά",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Λευκό",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Ασημί",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Γκρι",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Μαύρο",
+  "LIVE_DEV_STYLER_COLOR_RED": "Κόκκινο",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Βυσσινί",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Πορτοκαλί",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Χρυσό",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Κίτρινο",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Λαδί",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Λάιμ",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Πράσινο",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Κυπαρισσί",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Κυανό",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Μπλε",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Ναυτικό μπλε",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Λουλακί",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Μοβ",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Ματζέντα",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Βιολετί",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ροζ",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Εμφάνιση γραμμής στυλ"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index 86b798adee..879ec43188 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Delete",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Image Gallery",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "More Options",
+  "LIVE_DEV_STYLER_BACKGROUND": "Background colour",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Text colour",
+  "LIVE_DEV_STYLER_FONT": "Font family",
+  "LIVE_DEV_STYLER_SIZE": "Font size",
+  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
+  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
+  "LIVE_DEV_STYLER_BORDER": "Border",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_RESET": "Reset changes",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
+  "LIVE_DEV_STYLER_MIXED": "Mixed",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
+  "LIVE_DEV_STYLER_CASE": "Case",
+  "LIVE_DEV_STYLER_BOLD": "Bold",
+  "LIVE_DEV_STYLER_ITALIC": "Italic",
+  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
+  "LIVE_DEV_STYLER_NONE": "None",
+  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
+  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalise",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align centre",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_CLEAR": "Clear",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Width",
+  "LIVE_DEV_STYLER_COLOR": "Colour",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Dashed",
+  "LIVE_DEV_STYLER_DOTTED": "Dotted",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_OUTLINE": "Outline",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
+  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
+  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
+  "LIVE_DEV_STYLER_ALL_SIDES": "All",
+  "LIVE_DEV_STYLER_TOP": "Top",
+  "LIVE_DEV_STYLER_RIGHT": "Right",
+  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
+  "LIVE_DEV_STYLER_LEFT": "Left",
+  "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
+  "LIVE_DEV_STYLER_WRAP": "Wrap",
+  "LIVE_DEV_STYLER_GAP": "Gap",
+  "LIVE_DEV_STYLER_COLUMNS": "Columns",
+  "LIVE_DEV_STYLER_ROWS": "Rows",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
+  "LIVE_DEV_STYLER_ROW": "Row",
+  "LIVE_DEV_STYLER_COLUMN": "Column",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centre",
+  "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
+  "LIVE_DEV_STYLER_STRETCH": "Stretch",
+  "LIVE_DEV_STYLER_BASELINE": "Baseline",
+  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixed",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
+  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
+  "LIVE_DEV_STYLER_CREATE": "Create",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Height",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
+  "LIVE_DEV_STYLER_OPACITY": "Opacity",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Increase value",
+  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pick colour from page",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cut",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copy",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Paste",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "LIVE_DEV_STYLER_BACKGROUND": "Background colour",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Text colour",
-  "LIVE_DEV_STYLER_FONT": "Font family",
-  "LIVE_DEV_STYLER_SIZE": "Font size",
-  "LIVE_DEV_STYLER_WEIGHT": "Font weight",
-  "LIVE_DEV_STYLER_ALIGN": "Text alignment",
-  "LIVE_DEV_STYLER_BORDER": "Border",
-  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
-  "LIVE_DEV_STYLER_RESET": "Reset changes",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
-  "LIVE_DEV_STYLER_MIXED": "Mixed",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Sides differ — edit each side separately",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Search fonts…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "On this page",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Custom",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Use \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Load more",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Thin",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Light",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Light",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Bold",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Bold",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Line height",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Letter spacing",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Word spacing",
-  "LIVE_DEV_STYLER_CASE": "Case",
-  "LIVE_DEV_STYLER_BOLD": "Bold",
-  "LIVE_DEV_STYLER_ITALIC": "Italic",
-  "LIVE_DEV_STYLER_UNDERLINE": "Underline",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Strikethrough",
-  "LIVE_DEV_STYLER_NONE": "None",
-  "LIVE_DEV_STYLER_UPPERCASE": "Uppercase",
-  "LIVE_DEV_STYLER_LOWERCASE": "Lowercase",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalise",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Align left",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Align centre",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Align right",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justify",
-  "LIVE_DEV_STYLER_CLEAR": "Clear",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Width",
-  "LIVE_DEV_STYLER_COLOR": "Colour",
-  "LIVE_DEV_STYLER_STYLE": "Style",
-  "LIVE_DEV_STYLER_SOLID": "Solid",
-  "LIVE_DEV_STYLER_DASHED": "Dashed",
-  "LIVE_DEV_STYLER_DOTTED": "Dotted",
-  "LIVE_DEV_STYLER_DOUBLE": "Double",
-  "LIVE_DEV_STYLER_OUTLINE": "Outline",
-  "LIVE_DEV_STYLER_OFFSET": "Offset",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Border & Outline",
-  "LIVE_DEV_STYLER_SIDE": "Side",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margin",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit all sides together",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sides independently",
-  "LIVE_DEV_STYLER_LINK_NONE": "Independent sides - each side has its own value",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Paired - top & bottom linked, left & right linked",
-  "LIVE_DEV_STYLER_LINK_ALL": "All sides linked - one value for every side",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Click to change how sides are linked",
-  "LIVE_DEV_STYLER_ALL_SIDES": "All",
-  "LIVE_DEV_STYLER_TOP": "Top",
-  "LIVE_DEV_STYLER_RIGHT": "Right",
-  "LIVE_DEV_STYLER_BOTTOM": "Bottom",
-  "LIVE_DEV_STYLER_LEFT": "Left",
-  "LIVE_DEV_STYLER_DISPLAY": "Display",
-  "LIVE_DEV_STYLER_DIRECTION": "Direction",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Align items",
-  "LIVE_DEV_STYLER_WRAP": "Wrap",
-  "LIVE_DEV_STYLER_GAP": "Gap",
-  "LIVE_DEV_STYLER_COLUMNS": "Columns",
-  "LIVE_DEV_STYLER_ROWS": "Rows",
-  "LIVE_DEV_STYLER_POSITION": "Position",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Block",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Block",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Hidden",
-  "LIVE_DEV_STYLER_ROW": "Row",
-  "LIVE_DEV_STYLER_COLUMN": "Column",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Row Reverse",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
-  "LIVE_DEV_STYLER_START": "Start",
-  "LIVE_DEV_STYLER_CENTER": "Centre",
-  "LIVE_DEV_STYLER_END": "End",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Space Between",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Space Around",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Space Evenly",
-  "LIVE_DEV_STYLER_STRETCH": "Stretch",
-  "LIVE_DEV_STYLER_BASELINE": "Baseline",
-  "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Reverse",
-  "LIVE_DEV_STYLER_STATIC": "Static",
-  "LIVE_DEV_STYLER_RELATIVE": "Relative",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolute",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Fixed",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Save changes to",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directly on the element",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "affects {0} on page",
-  "LIVE_DEV_STYLER_NEW_STYLE": "New style…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "New style",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adds class \"{0}\" to this element and saves the style in {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gives this element the id \"{0}\" and saves the style in {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saves the style in {0} - styles just this element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saves the style in {0} - styles {1} elements on the page",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Another element already has that id - try a class instead",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "This doesn't match the selected element, so your edits wouldn't change it",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Styles like \":hover\" can't be edited live here yet",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "That doesn't look like a valid style name - try a class like .card or an id like #hero",
-  "LIVE_DEV_STYLER_CREATE": "Create",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "e.g. .card or #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Height",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Size",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min width",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Max width",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min height",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max height",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Show min / max size limits",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Hide min / max size limits",
-  "LIVE_DEV_STYLER_OPACITY": "Opacity",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Change unit - toggles between {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Increase {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Increase value",
-  "LIVE_DEV_STYLER_DECREASE": "Decrease value",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Pick colour from page"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grey",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index 95b9ec56bb..e37f62172e 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Eliminar",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galería de imágenes",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Más opciones",
+  "LIVE_DEV_STYLER_BACKGROUND": "Color de fondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Color del texto",
+  "LIVE_DEV_STYLER_FONT": "Familia de fuente",
+  "LIVE_DEV_STYLER_SIZE": "Tamaño de fuente",
+  "LIVE_DEV_STYLER_WEIGHT": "Grosor de la fuente",
+  "LIVE_DEV_STYLER_ALIGN": "Alineación del texto",
+  "LIVE_DEV_STYLER_BORDER": "Borde",
+  "LIVE_DEV_STYLER_SPACING": "Margen y relleno",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo de texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra a la parte superior",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra a la parte inferior",
+  "LIVE_DEV_STYLER_RESET": "Restablecer cambios",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No hay cambios que restablecer",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
+  "LIVE_DEV_STYLER_MIXED": "Mixto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Los lados son diferentes: edite cada lado por separado",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fuentes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "En esta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No se encontraron fuentes",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar más",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ligera",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrita",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrita",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegrita",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlineado",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaciado entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaciado entre palabras",
+  "LIVE_DEV_STYLER_CASE": "Capitalización",
+  "LIVE_DEV_STYLER_BOLD": "Negrita",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subrayado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
+  "LIVE_DEV_STYLER_NONE": "Ninguno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Mayúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinear a la izquierda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinear al centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinear a la derecha",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpiar",
+  "LIVE_DEV_STYLER_RADIUS": "Radio",
+  "LIVE_DEV_STYLER_WIDTH": "Ancho",
+  "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "Discontinuo",
+  "LIVE_DEV_STYLER_DOTTED": "Punteado",
+  "LIVE_DEV_STYLER_DOUBLE": "Doble",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Desplazamiento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borde y contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Relleno",
+  "LIVE_DEV_STYLER_MARGIN": "Margen",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos los lados a la vez",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar los lados por separado",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independientes: cada lado tiene su propio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparejados: superior e inferior enlazados, izquierdo y derecho enlazados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos los lados enlazados: un valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Haz clic para cambiar cómo se enlazan los lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
   "LIVE_DEV_STYLER_TOP": "Arriba",
   "LIVE_DEV_STYLER_RIGHT": "Derecha",
   "LIVE_DEV_STYLER_BOTTOM": "Abajo",
   "LIVE_DEV_STYLER_LEFT": "Izquierda",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
+  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificación",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinear elementos",
+  "LIVE_DEV_STYLER_WRAP": "Ajuste",
+  "LIVE_DEV_STYLER_GAP": "Separación",
+  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
+  "LIVE_DEV_STYLER_ROWS": "Filas",
+  "LIVE_DEV_STYLER_POSITION": "Posición",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloque",
+  "LIVE_DEV_STYLER_INLINE": "En línea",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en línea",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en línea",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Fila",
+  "LIVE_DEV_STYLER_COLUMN": "Columna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
+  "LIVE_DEV_STYLER_START": "Inicio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Final",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espacio entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espacio alrededor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaciado uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estirar",
+  "LIVE_DEV_STYLER_BASELINE": "Línea de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sin ajuste",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ajuste inverso",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Adherente",
+  "LIVE_DEV_STYLER_FIXED": "Fijo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar cambios en",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En línea",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente en el elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} en la página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nuevo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuevo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Añade la clase \"{0}\" a este elemento y guarda el estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Asigna el id \"{0}\" a este elemento y guarda el estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda el estilo en {0}: aplica el estilo solo a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda el estilo en {0}: aplica el estilo a {1} elementos en la página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Otro elemento ya tiene ese id; prueba a usar una clase en su lugar",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Esto no coincide con el elemento seleccionado, por lo que tus ediciones no lo afectarían",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Los estilos como \":hover\" todavía no se pueden editar en vivo aquí",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "No parece un nombre de estilo válido. Prueba con una clase como .card o un id como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Crear",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ej. .card o #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mínimo",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máximo",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Alto mínimo",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Alto máximo",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar límites de tamaño mínimo/máximo",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar límites de tamaño mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidad",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidad: alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Disminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Disminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Mayús + clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar color de la página",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Pegar",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLER_BACKGROUND": "Color de fondo",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Color del texto",
-  "LIVE_DEV_STYLER_FONT": "Familia de fuente",
-  "LIVE_DEV_STYLER_SIZE": "Tamaño de fuente",
-  "LIVE_DEV_STYLER_WEIGHT": "Grosor de la fuente",
-  "LIVE_DEV_STYLER_ALIGN": "Alineación del texto",
-  "LIVE_DEV_STYLER_BORDER": "Borde",
-  "LIVE_DEV_STYLER_SPACING": "Margen y relleno",
-  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo de texto",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra a la parte superior",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra a la parte inferior",
-  "LIVE_DEV_STYLER_RESET": "Restablecer cambios",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No hay cambios que restablecer",
-  "LIVE_DEV_STYLER_MIXED": "Mixto",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Los lados son diferentes: edite cada lado por separado",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fuentes…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "En esta página",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No se encontraron fuentes",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar más",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ligera",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrita",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrita",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegrita",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlineado",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaciado entre letras",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Espaciado entre palabras",
-  "LIVE_DEV_STYLER_CASE": "Capitalización",
-  "LIVE_DEV_STYLER_BOLD": "Negrita",
-  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
-  "LIVE_DEV_STYLER_UNDERLINE": "Subrayado",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
-  "LIVE_DEV_STYLER_NONE": "Ninguno",
-  "LIVE_DEV_STYLER_UPPERCASE": "Mayúsculas",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinear a la izquierda",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinear al centro",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinear a la derecha",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
-  "LIVE_DEV_STYLER_CLEAR": "Limpiar",
-  "LIVE_DEV_STYLER_RADIUS": "Radio",
-  "LIVE_DEV_STYLER_WIDTH": "Ancho",
-  "LIVE_DEV_STYLER_COLOR": "Color",
-  "LIVE_DEV_STYLER_STYLE": "Estilo",
-  "LIVE_DEV_STYLER_SOLID": "Sólido",
-  "LIVE_DEV_STYLER_DASHED": "Discontinuo",
-  "LIVE_DEV_STYLER_DOTTED": "Punteado",
-  "LIVE_DEV_STYLER_DOUBLE": "Doble",
-  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
-  "LIVE_DEV_STYLER_OFFSET": "Desplazamiento",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borde y contorno",
-  "LIVE_DEV_STYLER_SIDE": "Lado",
-  "LIVE_DEV_STYLER_PADDING": "Relleno",
-  "LIVE_DEV_STYLER_MARGIN": "Margen",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos los lados a la vez",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar los lados por separado",
-  "LIVE_DEV_STYLER_LINK_NONE": "Lados independientes: cada lado tiene su propio valor",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparejados: superior e inferior enlazados, izquierdo y derecho enlazados",
-  "LIVE_DEV_STYLER_LINK_ALL": "Todos los lados enlazados: un valor para cada lado",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Haz clic para cambiar cómo se enlazan los lados",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
-  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
-  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justificación",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinear elementos",
-  "LIVE_DEV_STYLER_WRAP": "Ajuste",
-  "LIVE_DEV_STYLER_GAP": "Separación",
-  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
-  "LIVE_DEV_STYLER_ROWS": "Filas",
-  "LIVE_DEV_STYLER_POSITION": "Posición",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Bloque",
-  "LIVE_DEV_STYLER_INLINE": "En línea",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en línea",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en línea",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
-  "LIVE_DEV_STYLER_ROW": "Fila",
-  "LIVE_DEV_STYLER_COLUMN": "Columna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
-  "LIVE_DEV_STYLER_START": "Inicio",
-  "LIVE_DEV_STYLER_CENTER": "Centro",
-  "LIVE_DEV_STYLER_END": "Final",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espacio entre",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Espacio alrededor",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaciado uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Estirar",
-  "LIVE_DEV_STYLER_BASELINE": "Línea de base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Sin ajuste",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ajuste inverso",
-  "LIVE_DEV_STYLER_STATIC": "Estático",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
-  "LIVE_DEV_STYLER_STICKY": "Adherente",
-  "LIVE_DEV_STYLER_FIXED": "Fijo",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar cambios en",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "En línea",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente en el elemento",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} en la página",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nuevo estilo…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuevo estilo",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Añade la clase \"{0}\" a este elemento y guarda el estilo en {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Asigna el id \"{0}\" a este elemento y guarda el estilo en {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda el estilo en {0}: aplica el estilo solo a este elemento",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda el estilo en {0}: aplica el estilo a {1} elementos en la página",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Otro elemento ya tiene ese id; prueba a usar una clase en su lugar",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Esto no coincide con el elemento seleccionado, por lo que tus ediciones no lo afectarían",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Los estilos como \":hover\" todavía no se pueden editar en vivo aquí",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "No parece un nombre de estilo válido. Prueba con una clase como .card o un id como #hero",
-  "LIVE_DEV_STYLER_CREATE": "Crear",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ej. .card o #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Altura",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mínimo",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máximo",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Alto mínimo",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Alto máximo",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar límites de tamaño mínimo/máximo",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar límites de tamaño mín./máx.",
-  "LIVE_DEV_STYLER_OPACITY": "Opacidad",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidad: alterna entre {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Disminuir {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
-  "LIVE_DEV_STYLER_DECREASE": "Disminuir valor",
-  "LIVE_DEV_STYLER_STEP_HINT": "Mayús + clic: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar color de la página"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar la barra de estilos cuando se seleccionan elementos en la vista previa en vivo. El valor predeterminado es 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado en el que se acopla la barra de estilos de la vista previa en vivo: 'top', 'bottom', 'left' o 'right'. El valor predeterminado es 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamiento",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra a la izquierda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra a la derecha",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "En la página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comunes",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Plata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rojo",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Naranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dorado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarillo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul marino",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar barra de estilos"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index cb697f438e..381c69a6c2 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "حذف",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "گالری تصاویر",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "گزینه‌های بیشتر",
+  "LIVE_DEV_STYLER_BACKGROUND": "رنگ پس‌زمینه",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "رنگ متن",
+  "LIVE_DEV_STYLER_FONT": "خانواده فونت",
+  "LIVE_DEV_STYLER_SIZE": "اندازه فونت",
+  "LIVE_DEV_STYLER_WEIGHT": "ضخامت فونت",
+  "LIVE_DEV_STYLER_ALIGN": "ترازبندی متن",
+  "LIVE_DEV_STYLER_BORDER": "حاشیه",
+  "LIVE_DEV_STYLER_SPACING": "حاشیه و فاصله داخلی",
+  "LIVE_DEV_STYLER_LAYOUT": "چیدمان",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "سبک متن",
+  "LIVE_DEV_STYLER_DOCK_TOP": "انتقال نوار به بالا",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "انتقال نوار به پایین",
+  "LIVE_DEV_STYLER_RESET": "بازنشانی تغییرات",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "تغییری برای بازنشانی وجود ندارد",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "انجام",
+  "LIVE_DEV_STYLER_MIXED": "مختلط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "مقادیر اضلاع متفاوت است — هر ضلع را جداگانه ویرایش کنید",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "جستجوی فونت‌ها…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سیستم",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "در این صفحه",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "سفارشی",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استفاده از «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "هیچ فونتی یافت نشد",
+  "LIVE_DEV_STYLER_LOAD_MORE": "بارگذاری بیشتر",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "نازک",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "بسیار نازک",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "سبک",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "معمولی",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیمه‌ضخیم",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "پررنگ",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "بسیار پررنگ",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "سیاه",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع خط",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "فاصله حروف",
+  "LIVE_DEV_STYLER_WORD_SPACING": "فاصله کلمات",
+  "LIVE_DEV_STYLER_CASE": "حالت حروف",
+  "LIVE_DEV_STYLER_BOLD": "پررنگ",
+  "LIVE_DEV_STYLER_ITALIC": "ایتالیک",
+  "LIVE_DEV_STYLER_UNDERLINE": "زیرخط‌دار",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "خط‌خورده",
+  "LIVE_DEV_STYLER_NONE": "هیچ‌کدام",
+  "LIVE_DEV_STYLER_UPPERCASE": "حروف بزرگ",
+  "LIVE_DEV_STYLER_LOWERCASE": "حروف کوچک",
+  "LIVE_DEV_STYLER_CAPITALIZE": "حرف اول بزرگ",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "چپ‌چین",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "وسط‌چین",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "راست‌چین",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "تراز از دو طرف",
+  "LIVE_DEV_STYLER_CLEAR": "پاک کردن",
+  "LIVE_DEV_STYLER_RADIUS": "شعاع",
+  "LIVE_DEV_STYLER_WIDTH": "عرض",
+  "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_STYLE": "سبک",
+  "LIVE_DEV_STYLER_SOLID": "ممتد",
+  "LIVE_DEV_STYLER_DASHED": "خط‌چین",
+  "LIVE_DEV_STYLER_DOTTED": "نقطه‌چین",
+  "LIVE_DEV_STYLER_DOUBLE": "دوبل",
+  "LIVE_DEV_STYLER_OUTLINE": "خط دور",
+  "LIVE_DEV_STYLER_OFFSET": "فاصله",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "کادر و خط دور",
+  "LIVE_DEV_STYLER_SIDE": "ضلع",
+  "LIVE_DEV_STYLER_PADDING": "فاصله داخلی",
+  "LIVE_DEV_STYLER_MARGIN": "فاصله خارجی",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "ویرایش همهٔ ضلع‌ها با هم",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "ویرایش ضلع‌ها به‌طور مستقل",
+  "LIVE_DEV_STYLER_LINK_NONE": "ضلع‌های مستقل - هر ضلع مقدار خودش را دارد",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "جفتی - بالا و پایین مرتبط، چپ و راست مرتبط",
+  "LIVE_DEV_STYLER_LINK_ALL": "همهٔ ضلع‌ها مرتبط - یک مقدار برای همهٔ ضلع‌ها",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "برای تغییر نحوهٔ ارتباط ضلع‌ها کلیک کنید",
+  "LIVE_DEV_STYLER_ALL_SIDES": "همه",
   "LIVE_DEV_STYLER_TOP": "بالا",
   "LIVE_DEV_STYLER_RIGHT": "راست",
   "LIVE_DEV_STYLER_BOTTOM": "پایین",
   "LIVE_DEV_STYLER_LEFT": "چپ",
+  "LIVE_DEV_STYLER_DISPLAY": "نمایش",
+  "LIVE_DEV_STYLER_DIRECTION": "جهت",
+  "LIVE_DEV_STYLER_JUSTIFY": "چیدمان",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "تراز آیتم‌ها",
+  "LIVE_DEV_STYLER_WRAP": "شکست خط",
+  "LIVE_DEV_STYLER_GAP": "فاصله",
+  "LIVE_DEV_STYLER_COLUMNS": "ستون‌ها",
+  "LIVE_DEV_STYLER_ROWS": "ردیف‌ها",
+  "LIVE_DEV_STYLER_POSITION": "موقعیت",
+  "LIVE_DEV_STYLER_Z_INDEX": "زد-ایندکس",
+  "LIVE_DEV_STYLER_BLOCK": "بلوک",
+  "LIVE_DEV_STYLER_INLINE": "درون‌خطی",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "بلوک درون‌خطی",
+  "LIVE_DEV_STYLER_FLEX": "فلکس",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "فلکس درون‌خطی",
+  "LIVE_DEV_STYLER_GRID": "گرید",
+  "LIVE_DEV_STYLER_HIDDEN": "مخفی",
+  "LIVE_DEV_STYLER_ROW": "سطر",
+  "LIVE_DEV_STYLER_COLUMN": "ستون",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "سطر معکوس",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "ستون معکوس",
+  "LIVE_DEV_STYLER_START": "شروع",
+  "LIVE_DEV_STYLER_CENTER": "وسط",
+  "LIVE_DEV_STYLER_END": "پایان",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "فاصله بین",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "فاصله در اطراف",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "فاصله یکنواخت",
+  "LIVE_DEV_STYLER_STRETCH": "کشیده",
+  "LIVE_DEV_STYLER_BASELINE": "خط کرسی",
+  "LIVE_DEV_STYLER_NO_WRAP": "بدون شکست",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "شکست معکوس",
+  "LIVE_DEV_STYLER_STATIC": "ایستا",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبی",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "چسبان",
+  "LIVE_DEV_STYLER_FIXED": "ثابت",
+  "LIVE_DEV_STYLER_APPLIES_TO": "ذخیره تغییرات در",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "درون‌خطی",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مستقیماً روی عنصر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "روی {0} مورد در صفحه تأثیر می‌گذارد",
+  "LIVE_DEV_STYLER_NEW_STYLE": "استایل جدید…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "استایل جدید",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "کلاس «{0}» را به این عنصر اضافه کرده و استایل را در {1} ذخیره می‌کند",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "به این عنصر شناسهٔ «{0}» را داده و استایل را در {1} ذخیره می‌کند",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "استایل را در {0} ذخیره می‌کند - فقط روی همین عنصر اعمال می‌شود",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "استایل را در {0} ذخیره می‌کند - روی {1} عنصر در صفحه اعمال می‌شود",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "عنصر دیگری از قبل این شناسه را دارد - به جای آن از یک کلاس استفاده کنید",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "این مورد با عنصر انتخاب‌شده مطابقت ندارد، بنابراین ویرایش‌های شما آن را تغییر نخواهد داد",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "استایل‌هایی مانند «:hover» هنوز در اینجا به صورت زنده قابل ویرایش نیستند",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "این انتخابگر معتبر به نظر نمی‌رسد - یک کلاس مانند .card یا یک id مانند #hero را امتحان کنید",
+  "LIVE_DEV_STYLER_CREATE": "ایجاد",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثلاً .card یا #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ارتفاع",
+  "LIVE_DEV_STYLER_SIZE_TAB": "اندازه",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "حداقل عرض",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "حداکثر عرض",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "حداقل ارتفاع",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "حداکثر ارتفاع",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "نمایش محدودیت‌های حداقل / حداکثر اندازه",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "پنهان کردن محدودیت‌های اندازه حداقل / حداکثر",
+  "LIVE_DEV_STYLER_OPACITY": "کدری",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغییر واحد - جابجایی بین {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "افزایش {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "کاهش {0}",
+  "LIVE_DEV_STYLER_INCREASE": "افزایش مقدار",
+  "LIVE_DEV_STYLER_DECREASE": "کاهش مقدار",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x۱۰",
+  "LIVE_DEV_STYLER_EYEDROPPER": "انتخاب رنگ از صفحه",
   "LIVE_DEV_MORE_OPTIONS_CUT": "بریدن",
   "LIVE_DEV_MORE_OPTIONS_COPY": "رونوشت",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "چسباندن رو نوشت",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "LIVE_DEV_STYLER_BACKGROUND": "رنگ پس‌زمینه",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "رنگ متن",
-  "LIVE_DEV_STYLER_FONT": "خانواده فونت",
-  "LIVE_DEV_STYLER_SIZE": "اندازه فونت",
-  "LIVE_DEV_STYLER_WEIGHT": "ضخامت فونت",
-  "LIVE_DEV_STYLER_ALIGN": "ترازبندی متن",
-  "LIVE_DEV_STYLER_BORDER": "حاشیه",
-  "LIVE_DEV_STYLER_SPACING": "حاشیه و فاصله داخلی",
-  "LIVE_DEV_STYLER_LAYOUT": "چیدمان",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "سبک متن",
-  "LIVE_DEV_STYLER_DOCK_TOP": "انتقال نوار به بالا",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "انتقال نوار به پایین",
-  "LIVE_DEV_STYLER_RESET": "بازنشانی تغییرات",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "تغییری برای بازنشانی وجود ندارد",
-  "LIVE_DEV_STYLER_MIXED": "مختلط",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "مقادیر اضلاع متفاوت است — هر ضلع را جداگانه ویرایش کنید",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "جستجوی فونت‌ها…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سیستم",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "در این صفحه",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "سفارشی",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "استفاده از «{0}»",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "هیچ فونتی یافت نشد",
-  "LIVE_DEV_STYLER_LOAD_MORE": "بارگذاری بیشتر",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "نازک",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "بسیار نازک",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "سبک",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "معمولی",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "متوسط",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیمه‌ضخیم",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "پررنگ",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "بسیار پررنگ",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "سیاه",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "ارتفاع خط",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "فاصله حروف",
-  "LIVE_DEV_STYLER_WORD_SPACING": "فاصله کلمات",
-  "LIVE_DEV_STYLER_CASE": "حالت حروف",
-  "LIVE_DEV_STYLER_BOLD": "پررنگ",
-  "LIVE_DEV_STYLER_ITALIC": "ایتالیک",
-  "LIVE_DEV_STYLER_UNDERLINE": "زیرخط‌دار",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "خط‌خورده",
-  "LIVE_DEV_STYLER_NONE": "هیچ‌کدام",
-  "LIVE_DEV_STYLER_UPPERCASE": "حروف بزرگ",
-  "LIVE_DEV_STYLER_LOWERCASE": "حروف کوچک",
-  "LIVE_DEV_STYLER_CAPITALIZE": "حرف اول بزرگ",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "چپ‌چین",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "وسط‌چین",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "راست‌چین",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "تراز از دو طرف",
-  "LIVE_DEV_STYLER_CLEAR": "پاک کردن",
-  "LIVE_DEV_STYLER_RADIUS": "شعاع",
-  "LIVE_DEV_STYLER_WIDTH": "عرض",
-  "LIVE_DEV_STYLER_COLOR": "رنگ",
-  "LIVE_DEV_STYLER_STYLE": "سبک",
-  "LIVE_DEV_STYLER_SOLID": "ممتد",
-  "LIVE_DEV_STYLER_DASHED": "خط‌چین",
-  "LIVE_DEV_STYLER_DOTTED": "نقطه‌چین",
-  "LIVE_DEV_STYLER_DOUBLE": "دوبل",
-  "LIVE_DEV_STYLER_OUTLINE": "خط دور",
-  "LIVE_DEV_STYLER_OFFSET": "فاصله",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "کادر و خط دور",
-  "LIVE_DEV_STYLER_SIDE": "ضلع",
-  "LIVE_DEV_STYLER_PADDING": "فاصله داخلی",
-  "LIVE_DEV_STYLER_MARGIN": "فاصله خارجی",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "ویرایش همهٔ ضلع‌ها با هم",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "ویرایش ضلع‌ها به‌طور مستقل",
-  "LIVE_DEV_STYLER_LINK_NONE": "ضلع‌های مستقل - هر ضلع مقدار خودش را دارد",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "جفتی - بالا و پایین مرتبط، چپ و راست مرتبط",
-  "LIVE_DEV_STYLER_LINK_ALL": "همهٔ ضلع‌ها مرتبط - یک مقدار برای همهٔ ضلع‌ها",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "برای تغییر نحوهٔ ارتباط ضلع‌ها کلیک کنید",
-  "LIVE_DEV_STYLER_ALL_SIDES": "همه",
-  "LIVE_DEV_STYLER_DISPLAY": "نمایش",
-  "LIVE_DEV_STYLER_DIRECTION": "جهت",
-  "LIVE_DEV_STYLER_JUSTIFY": "چیدمان",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "تراز آیتم‌ها",
-  "LIVE_DEV_STYLER_WRAP": "شکست خط",
-  "LIVE_DEV_STYLER_GAP": "فاصله",
-  "LIVE_DEV_STYLER_COLUMNS": "ستون‌ها",
-  "LIVE_DEV_STYLER_ROWS": "ردیف‌ها",
-  "LIVE_DEV_STYLER_POSITION": "موقعیت",
-  "LIVE_DEV_STYLER_Z_INDEX": "زد-ایندکس",
-  "LIVE_DEV_STYLER_BLOCK": "بلوک",
-  "LIVE_DEV_STYLER_INLINE": "درون‌خطی",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "بلوک درون‌خطی",
-  "LIVE_DEV_STYLER_FLEX": "فلکس",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "فلکس درون‌خطی",
-  "LIVE_DEV_STYLER_GRID": "گرید",
-  "LIVE_DEV_STYLER_HIDDEN": "مخفی",
-  "LIVE_DEV_STYLER_ROW": "سطر",
-  "LIVE_DEV_STYLER_COLUMN": "ستون",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "سطر معکوس",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "ستون معکوس",
-  "LIVE_DEV_STYLER_START": "شروع",
-  "LIVE_DEV_STYLER_CENTER": "وسط",
-  "LIVE_DEV_STYLER_END": "پایان",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "فاصله بین",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "فاصله در اطراف",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "فاصله یکنواخت",
-  "LIVE_DEV_STYLER_STRETCH": "کشیده",
-  "LIVE_DEV_STYLER_BASELINE": "خط کرسی",
-  "LIVE_DEV_STYLER_NO_WRAP": "بدون شکست",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "شکست معکوس",
-  "LIVE_DEV_STYLER_STATIC": "ایستا",
-  "LIVE_DEV_STYLER_RELATIVE": "نسبی",
-  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
-  "LIVE_DEV_STYLER_STICKY": "چسبان",
-  "LIVE_DEV_STYLER_FIXED": "ثابت",
-  "LIVE_DEV_STYLER_APPLIES_TO": "ذخیره تغییرات در",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "درون‌خطی",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "مستقیماً روی عنصر",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "روی {0} مورد در صفحه تأثیر می‌گذارد",
-  "LIVE_DEV_STYLER_NEW_STYLE": "استایل جدید…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "استایل جدید",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "کلاس «{0}» را به این عنصر اضافه کرده و استایل را در {1} ذخیره می‌کند",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "به این عنصر شناسهٔ «{0}» را داده و استایل را در {1} ذخیره می‌کند",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "استایل را در {0} ذخیره می‌کند - فقط روی همین عنصر اعمال می‌شود",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "استایل را در {0} ذخیره می‌کند - روی {1} عنصر در صفحه اعمال می‌شود",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "عنصر دیگری از قبل این شناسه را دارد - به جای آن از یک کلاس استفاده کنید",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "این مورد با عنصر انتخاب‌شده مطابقت ندارد، بنابراین ویرایش‌های شما آن را تغییر نخواهد داد",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "استایل‌هایی مانند «:hover» هنوز در اینجا به صورت زنده قابل ویرایش نیستند",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "این انتخابگر معتبر به نظر نمی‌رسد - یک کلاس مانند .card یا یک id مانند #hero را امتحان کنید",
-  "LIVE_DEV_STYLER_CREATE": "ایجاد",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثلاً .card یا #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "ارتفاع",
-  "LIVE_DEV_STYLER_SIZE_TAB": "اندازه",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "حداقل عرض",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "حداکثر عرض",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "حداقل ارتفاع",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "حداکثر ارتفاع",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "نمایش محدودیت‌های حداقل / حداکثر اندازه",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "پنهان کردن محدودیت‌های اندازه حداقل / حداکثر",
-  "LIVE_DEV_STYLER_OPACITY": "کدری",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "تغییر واحد - جابجایی بین {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "افزایش {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "کاهش {0}",
-  "LIVE_DEV_STYLER_INCREASE": "افزایش مقدار",
-  "LIVE_DEV_STYLER_DECREASE": "کاهش مقدار",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Click: x۱۰",
-  "LIVE_DEV_STYLER_EYEDROPPER": "انتخاب رنگ از صفحه"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "نمایش نوار استایل‌ها هنگام انتخاب عناصر در پیش‌نمایش زنده. پیش‌فرض «true» است.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "محل اتصال نوار استایل‌های پیش‌نمایش زنده: 'top'، 'bottom'، 'left' یا 'right'. پیش‌فرض 'bottom' است.",
+  "LIVE_DEV_STYLER_DOCK": "موقعیت اتصال",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "انتقال نوار به چپ",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "انتقال نوار به راست",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "در این صفحه",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "رایج",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "نقره‌ای",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "خاکستری",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "مشکی",
+  "LIVE_DEV_STYLER_COLOR_RED": "قرمز",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "زرشکی",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "طلایی",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "زرد",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
+  "LIVE_DEV_STYLER_COLOR_LIME": "لیمویی",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "سبزآبی",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزه‌ای",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "آبی",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "سرمه‌ای",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "نیلی",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "ارغوانی",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "سرخابی",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفش",
+  "LIVE_DEV_STYLER_COLOR_PINK": "صورتی",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "نمایش نوار استایل‌ها"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index ed54b16749..dbf672933a 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Poista",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Kuvagalleria",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Lisää vaihtoehtoja",
+  "LIVE_DEV_STYLER_BACKGROUND": "Taustaväri",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstin väri",
+  "LIVE_DEV_STYLER_FONT": "Fonttiperhe",
+  "LIVE_DEV_STYLER_SIZE": "Fontin koko",
+  "LIVE_DEV_STYLER_WEIGHT": "Fontin paino",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstin tasaus",
+  "LIVE_DEV_STYLER_BORDER": "Reunus",
+  "LIVE_DEV_STYLER_SPACING": "Marginaali ja täyte",
+  "LIVE_DEV_STYLER_LAYOUT": "Asettelu",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekstin tyyli",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Siirrä palkki yläreunaan",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Siirrä palkki alareunaan",
+  "LIVE_DEV_STYLER_RESET": "Nollaa muutokset",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ei nollattavia muutoksia",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Valmis",
+  "LIVE_DEV_STYLER_MIXED": "Seka",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sivut eroavat — muokkaa kutakin sivua erikseen",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hae fontteja…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Järjestelmä",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Tällä sivulla",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Mukautettu",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Käytä \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ei fontteja löytynyt",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Lataa lisää",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Ohut",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Erittäin kevyt",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Kevyt",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaali",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Keskivahva",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Puolilihava",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Lihavoitu",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Erittäin lihava",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Musta",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rivinkorkeus",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Merkkiväli",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Sanaväli",
+  "LIVE_DEV_STYLER_CASE": "Aakkoslaji",
+  "LIVE_DEV_STYLER_BOLD": "Lihavoitu",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiivi",
+  "LIVE_DEV_STYLER_UNDERLINE": "Alleviivaus",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Yliviivaus",
+  "LIVE_DEV_STYLER_NONE": "Ei mitään",
+  "LIVE_DEV_STYLER_UPPERCASE": "Suuraakkoset",
+  "LIVE_DEV_STYLER_LOWERCASE": "Pienaakkoset",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Isot alkukirjaimet",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Tasaa vasemmalle",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Tasaa keskelle",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Tasaa oikealle",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Tasasivut",
   "LIVE_DEV_STYLER_CLEAR": "Tyhjennä",
+  "LIVE_DEV_STYLER_RADIUS": "Säde",
+  "LIVE_DEV_STYLER_WIDTH": "Leveys",
+  "LIVE_DEV_STYLER_COLOR": "Väri",
+  "LIVE_DEV_STYLER_STYLE": "Tyyli",
+  "LIVE_DEV_STYLER_SOLID": "Yhtenäinen",
+  "LIVE_DEV_STYLER_DASHED": "Katkoviiva",
+  "LIVE_DEV_STYLER_DOTTED": "Pisteviiva",
+  "LIVE_DEV_STYLER_DOUBLE": "Kaksoisviiva",
+  "LIVE_DEV_STYLER_OUTLINE": "Ääriviiva",
+  "LIVE_DEV_STYLER_OFFSET": "Siirtymä",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Reunus ja ääriviiva",
+  "LIVE_DEV_STYLER_SIDE": "Reuna",
+  "LIVE_DEV_STYLER_PADDING": "Täyte",
+  "LIVE_DEV_STYLER_MARGIN": "Marginaali",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Muokkaa kaikkia reunoja yhdessä",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Muokkaa reunoja erikseen",
+  "LIVE_DEV_STYLER_LINK_NONE": "Erikseen - jokaisella reunalla on oma arvonsa",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Pareittain - ylä- ja alareuna linkitetty, vasen ja oikea reuna linkitetty",
+  "LIVE_DEV_STYLER_LINK_ALL": "Kaikki reunat linkitetty - yksi arvo kaikille reunoille",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Napsauta muuttaaksesi reunojen linkitystapaa",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Kaikki",
   "LIVE_DEV_STYLER_TOP": "ylä",
   "LIVE_DEV_STYLER_RIGHT": "oikeaan ",
   "LIVE_DEV_STYLER_BOTTOM": "ala",
   "LIVE_DEV_STYLER_LEFT": "vasempaan ",
+  "LIVE_DEV_STYLER_DISPLAY": "Näyttö",
+  "LIVE_DEV_STYLER_DIRECTION": "Suunta",
+  "LIVE_DEV_STYLER_JUSTIFY": "Tasaus",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Kohteiden tasaus",
+  "LIVE_DEV_STYLER_WRAP": "Rivitys",
+  "LIVE_DEV_STYLER_GAP": "Väli",
+  "LIVE_DEV_STYLER_COLUMNS": "Sarakkeet",
+  "LIVE_DEV_STYLER_ROWS": "Rivit",
+  "LIVE_DEV_STYLER_POSITION": "Sijainti",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeksi",
+  "LIVE_DEV_STYLER_BLOCK": "Lohko",
+  "LIVE_DEV_STYLER_INLINE": "Rivinsisäinen",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Rivinsisäinen lohko",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Rivinsisäinen flex",
+  "LIVE_DEV_STYLER_GRID": "Ruudukko",
+  "LIVE_DEV_STYLER_HIDDEN": "Piilotettu",
+  "LIVE_DEV_STYLER_ROW": "Rivi",
+  "LIVE_DEV_STYLER_COLUMN": "Sarake",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Käänteinen rivi",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sarake käänteinen",
+  "LIVE_DEV_STYLER_START": "Alku",
+  "LIVE_DEV_STYLER_CENTER": "Keskelle",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Tilaa välissä",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Tilaa ympärillä",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Tilaa tasaisesti",
+  "LIVE_DEV_STYLER_STRETCH": "Venytä",
+  "LIVE_DEV_STYLER_BASELINE": "Perusviiva",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ei rivitystä",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Käänteinen rivitys",
+  "LIVE_DEV_STYLER_STATIC": "Staattinen",
+  "LIVE_DEV_STYLER_RELATIVE": "Suhteellinen",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluuttinen",
+  "LIVE_DEV_STYLER_STICKY": "Tarrautuva",
+  "LIVE_DEV_STYLER_FIXED": "Kiinteä",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Tallenna muutokset kohteeseen",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Sisäinen",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "suoraan elementtiin",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "vaikuttaa {0} kohteeseen sivulla",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Uusi tyyli…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Uusi tyyli",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lisää luokan ”{0}” tähän elementtiin ja tallentaa tyylin tiedostoon {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Antaa tälle elementille id:n ”{0}” ja tallentaa tyylin tiedostoon {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Tallentaa tyylin tiedostoon {0} – muotoilee vain tämän elementin",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Tallentaa tyylin tiedostoon {0} – muotoilee {1} elementtiä sivulla",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Toisella elementillä on jo kyseinen id – kokeile sen sijaan luokkaa",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Tämä ei vastaa valittua elementtiä, joten muokkauksesi eivät vaikuttaisi siihen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Tyylejä, kuten ”:hover”, ei voi vielä muokata livenä tässä",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tuo ei näytä kelvolliselta tyylin nimeltä – kokeile luokkaa, kuten .card, tai id:tä, kuten #hero",
+  "LIVE_DEV_STYLER_CREATE": "Luo",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "esim. .card tai #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Korkeus",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Koko",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimileveys",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimileveys",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimikorkeus",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimikorkeus",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Näytä minimi- ja maksimikokorajat",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Piilota minimi- ja maksimikokorajat",
+  "LIVE_DEV_STYLER_OPACITY": "Läpinäkyvyys",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Vaihda yksikköä - vaihtaa välillä {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Kasvata {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Vähennä {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Kasvata arvoa",
+  "LIVE_DEV_STYLER_DECREASE": "Vähennä arvoa",
+  "LIVE_DEV_STYLER_STEP_HINT": "Vaihto + klikkaus: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Poimi väri sivulta",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Leikkaa",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopioi",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Liitä",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "LIVE_DEV_STYLER_BACKGROUND": "Taustaväri",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstin väri",
-  "LIVE_DEV_STYLER_FONT": "Fonttiperhe",
-  "LIVE_DEV_STYLER_SIZE": "Fontin koko",
-  "LIVE_DEV_STYLER_WEIGHT": "Fontin paino",
-  "LIVE_DEV_STYLER_ALIGN": "Tekstin tasaus",
-  "LIVE_DEV_STYLER_BORDER": "Reunus",
-  "LIVE_DEV_STYLER_SPACING": "Marginaali ja täyte",
-  "LIVE_DEV_STYLER_LAYOUT": "Asettelu",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekstin tyyli",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Siirrä palkki yläreunaan",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Siirrä palkki alareunaan",
-  "LIVE_DEV_STYLER_RESET": "Nollaa muutokset",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ei nollattavia muutoksia",
-  "LIVE_DEV_STYLER_MIXED": "Seka",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Sivut eroavat — muokkaa kutakin sivua erikseen",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hae fontteja…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Järjestelmä",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Tällä sivulla",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Mukautettu",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Käytä \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ei fontteja löytynyt",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Lataa lisää",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Ohut",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Erittäin kevyt",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Kevyt",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaali",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Keskivahva",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Puolilihava",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Lihavoitu",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Erittäin lihava",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Musta",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rivinkorkeus",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Merkkiväli",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Sanaväli",
-  "LIVE_DEV_STYLER_CASE": "Aakkoslaji",
-  "LIVE_DEV_STYLER_BOLD": "Lihavoitu",
-  "LIVE_DEV_STYLER_ITALIC": "Kursiivi",
-  "LIVE_DEV_STYLER_UNDERLINE": "Alleviivaus",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Yliviivaus",
-  "LIVE_DEV_STYLER_NONE": "Ei mitään",
-  "LIVE_DEV_STYLER_UPPERCASE": "Suuraakkoset",
-  "LIVE_DEV_STYLER_LOWERCASE": "Pienaakkoset",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Isot alkukirjaimet",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Tasaa vasemmalle",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Tasaa keskelle",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Tasaa oikealle",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Tasasivut",
-  "LIVE_DEV_STYLER_RADIUS": "Säde",
-  "LIVE_DEV_STYLER_WIDTH": "Leveys",
-  "LIVE_DEV_STYLER_COLOR": "Väri",
-  "LIVE_DEV_STYLER_STYLE": "Tyyli",
-  "LIVE_DEV_STYLER_SOLID": "Yhtenäinen",
-  "LIVE_DEV_STYLER_DASHED": "Katkoviiva",
-  "LIVE_DEV_STYLER_DOTTED": "Pisteviiva",
-  "LIVE_DEV_STYLER_DOUBLE": "Kaksoisviiva",
-  "LIVE_DEV_STYLER_OUTLINE": "Ääriviiva",
-  "LIVE_DEV_STYLER_OFFSET": "Siirtymä",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Reunus ja ääriviiva",
-  "LIVE_DEV_STYLER_SIDE": "Reuna",
-  "LIVE_DEV_STYLER_PADDING": "Täyte",
-  "LIVE_DEV_STYLER_MARGIN": "Marginaali",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Muokkaa kaikkia reunoja yhdessä",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Muokkaa reunoja erikseen",
-  "LIVE_DEV_STYLER_LINK_NONE": "Erikseen - jokaisella reunalla on oma arvonsa",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Pareittain - ylä- ja alareuna linkitetty, vasen ja oikea reuna linkitetty",
-  "LIVE_DEV_STYLER_LINK_ALL": "Kaikki reunat linkitetty - yksi arvo kaikille reunoille",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Napsauta muuttaaksesi reunojen linkitystapaa",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Kaikki",
-  "LIVE_DEV_STYLER_DISPLAY": "Näyttö",
-  "LIVE_DEV_STYLER_DIRECTION": "Suunta",
-  "LIVE_DEV_STYLER_JUSTIFY": "Tasaus",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Kohteiden tasaus",
-  "LIVE_DEV_STYLER_WRAP": "Rivitys",
-  "LIVE_DEV_STYLER_GAP": "Väli",
-  "LIVE_DEV_STYLER_COLUMNS": "Sarakkeet",
-  "LIVE_DEV_STYLER_ROWS": "Rivit",
-  "LIVE_DEV_STYLER_POSITION": "Sijainti",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeksi",
-  "LIVE_DEV_STYLER_BLOCK": "Lohko",
-  "LIVE_DEV_STYLER_INLINE": "Rivinsisäinen",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Rivinsisäinen lohko",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Rivinsisäinen flex",
-  "LIVE_DEV_STYLER_GRID": "Ruudukko",
-  "LIVE_DEV_STYLER_HIDDEN": "Piilotettu",
-  "LIVE_DEV_STYLER_ROW": "Rivi",
-  "LIVE_DEV_STYLER_COLUMN": "Sarake",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Käänteinen rivi",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sarake käänteinen",
-  "LIVE_DEV_STYLER_START": "Alku",
-  "LIVE_DEV_STYLER_CENTER": "Keskelle",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Tilaa välissä",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Tilaa ympärillä",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Tilaa tasaisesti",
-  "LIVE_DEV_STYLER_STRETCH": "Venytä",
-  "LIVE_DEV_STYLER_BASELINE": "Perusviiva",
-  "LIVE_DEV_STYLER_NO_WRAP": "Ei rivitystä",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Käänteinen rivitys",
-  "LIVE_DEV_STYLER_STATIC": "Staattinen",
-  "LIVE_DEV_STYLER_RELATIVE": "Suhteellinen",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluuttinen",
-  "LIVE_DEV_STYLER_STICKY": "Tarrautuva",
-  "LIVE_DEV_STYLER_FIXED": "Kiinteä",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Tallenna muutokset kohteeseen",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Sisäinen",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "suoraan elementtiin",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "vaikuttaa {0} kohteeseen sivulla",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Uusi tyyli…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Uusi tyyli",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lisää luokan ”{0}” tähän elementtiin ja tallentaa tyylin tiedostoon {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Antaa tälle elementille id:n ”{0}” ja tallentaa tyylin tiedostoon {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Tallentaa tyylin tiedostoon {0} – muotoilee vain tämän elementin",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Tallentaa tyylin tiedostoon {0} – muotoilee {1} elementtiä sivulla",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Toisella elementillä on jo kyseinen id – kokeile sen sijaan luokkaa",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Tämä ei vastaa valittua elementtiä, joten muokkauksesi eivät vaikuttaisi siihen",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Tyylejä, kuten ”:hover”, ei voi vielä muokata livenä tässä",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tuo ei näytä kelvolliselta tyylin nimeltä – kokeile luokkaa, kuten .card, tai id:tä, kuten #hero",
-  "LIVE_DEV_STYLER_CREATE": "Luo",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "esim. .card tai #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Korkeus",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Koko",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimileveys",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimileveys",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimikorkeus",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimikorkeus",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Näytä minimi- ja maksimikokorajat",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Piilota minimi- ja maksimikokorajat",
-  "LIVE_DEV_STYLER_OPACITY": "Läpinäkyvyys",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Vaihda yksikköä - vaihtaa välillä {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Kasvata {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Vähennä {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Kasvata arvoa",
-  "LIVE_DEV_STYLER_DECREASE": "Vähennä arvoa",
-  "LIVE_DEV_STYLER_STEP_HINT": "Vaihto + klikkaus: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Poimi väri sivulta"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Näytä tyylipalkki, kun elementtejä valitaan reaaliaikaisessa esikatselussa. Oletusarvo on 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Mille puolelle reaaliaikaisen esikatselun tyylipalkki telakoituu: 'top', 'bottom', 'left' tai 'right'. Oletusarvo on 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Telakan sijainti",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Siirrä palkki vasemmalle",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Siirrä palkki oikealle",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Tällä sivulla",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Yleiset",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Valkoinen",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Hopea",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Harmaa",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Musta",
+  "LIVE_DEV_STYLER_COLOR_RED": "Punainen",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Viininpunainen",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranssi",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Kulta",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Keltainen",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliivi",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Vihreä",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sinivihreä",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Syaani",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Sininen",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Laivastonsininen",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purppura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetti",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Vaaleanpunainen",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Näytä tyylipalkki"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index cd6e70ba14..df953061e7 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Supprimer",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie d'images",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Plus d'options",
+  "LIVE_DEV_STYLER_BACKGROUND": "Couleur de fond",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Couleur du texte",
+  "LIVE_DEV_STYLER_FONT": "Famille de police",
+  "LIVE_DEV_STYLER_SIZE": "Taille de la police",
+  "LIVE_DEV_STYLER_WEIGHT": "Graisse de la police",
+  "LIVE_DEV_STYLER_ALIGN": "Alignement du texte",
+  "LIVE_DEV_STYLER_BORDER": "Bordure",
+  "LIVE_DEV_STYLER_SPACING": "Marge & marge intérieure",
+  "LIVE_DEV_STYLER_LAYOUT": "Mise en page",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Style du texte",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Déplacer la barre en haut",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Déplacer la barre en bas",
+  "LIVE_DEV_STYLER_RESET": "Réinitialiser les modifications",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Aucune modification à réinitialiser",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminé",
+  "LIVE_DEV_STYLER_MIXED": "Mixte",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Les côtés diffèrent — modifiez chaque côté séparément",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Rechercher des polices…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Système",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Sur cette page",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personnalisé",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Utiliser « {0} »",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Aucune police trouvée",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Charger plus",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra-Léger",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Léger",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Moyen",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Demi-gras",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Gras",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra-gras",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Noir",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interligne",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espacement des lettres",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espacement des mots",
+  "LIVE_DEV_STYLER_CASE": "Casse",
+  "LIVE_DEV_STYLER_BOLD": "Gras",
+  "LIVE_DEV_STYLER_ITALIC": "Italique",
+  "LIVE_DEV_STYLER_UNDERLINE": "Souligné",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barré",
+  "LIVE_DEV_STYLER_NONE": "Aucun",
+  "LIVE_DEV_STYLER_UPPERCASE": "Majuscules",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscules",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitale initiale",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aligner à gauche",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aligner à droite",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justifier",
   "LIVE_DEV_STYLER_CLEAR": "Effacer",
+  "LIVE_DEV_STYLER_RADIUS": "Rayon",
+  "LIVE_DEV_STYLER_WIDTH": "Largeur",
+  "LIVE_DEV_STYLER_COLOR": "Couleur",
+  "LIVE_DEV_STYLER_STYLE": "Style",
+  "LIVE_DEV_STYLER_SOLID": "Pleine",
+  "LIVE_DEV_STYLER_DASHED": "En tirets",
+  "LIVE_DEV_STYLER_DOTTED": "En pointillés",
+  "LIVE_DEV_STYLER_DOUBLE": "Double",
+  "LIVE_DEV_STYLER_OUTLINE": "Contour",
+  "LIVE_DEV_STYLER_OFFSET": "Décalage",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordure et contour",
+  "LIVE_DEV_STYLER_SIDE": "Côté",
+  "LIVE_DEV_STYLER_PADDING": "Marge intérieure",
+  "LIVE_DEV_STYLER_MARGIN": "Marge",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifier tous les côtés ensemble",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifier les côtés indépendamment",
+  "LIVE_DEV_STYLER_LINK_NONE": "Côtés indépendants - chaque côté a sa propre valeur",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Associés - haut et bas liés, gauche et droite liés",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tous les côtés liés - une seule valeur pour tous les côtés",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Cliquez pour changer la liaison des côtés",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tous",
   "LIVE_DEV_STYLER_TOP": "Haut",
   "LIVE_DEV_STYLER_RIGHT": "Droite",
   "LIVE_DEV_STYLER_BOTTOM": "Bas",
   "LIVE_DEV_STYLER_LEFT": "Gauche",
+  "LIVE_DEV_STYLER_DISPLAY": "Affichage",
+  "LIVE_DEV_STYLER_DIRECTION": "Direction",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justification",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alignement des éléments",
+  "LIVE_DEV_STYLER_WRAP": "Retour à la ligne",
+  "LIVE_DEV_STYLER_GAP": "Espacement",
+  "LIVE_DEV_STYLER_COLUMNS": "Colonnes",
+  "LIVE_DEV_STYLER_ROWS": "Lignes",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloc",
+  "LIVE_DEV_STYLER_INLINE": "En ligne",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloc en ligne",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en ligne",
+  "LIVE_DEV_STYLER_GRID": "Grille",
+  "LIVE_DEV_STYLER_HIDDEN": "Masqué",
+  "LIVE_DEV_STYLER_ROW": "Ligne",
+  "LIVE_DEV_STYLER_COLUMN": "Colonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Ligne inversée",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonne inversée",
+  "LIVE_DEV_STYLER_START": "Début",
+  "LIVE_DEV_STYLER_CENTER": "Centre",
   "LIVE_DEV_STYLER_END": "Fin",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espace entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espace autour",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espacement uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Étirer",
+  "LIVE_DEV_STYLER_BASELINE": "Ligne de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sans retour à la ligne",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Retour à la ligne inversé",
+  "LIVE_DEV_STYLER_STATIC": "Statique",
+  "LIVE_DEV_STYLER_RELATIVE": "Relative",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolue",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fixe",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Appliquer à",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En ligne",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directement sur l'élément",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "affecte {0} élément(s) sur la page",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nouveau style…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nouveau style",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Ajoute la classe \"{0}\" à cet élément et enregistre le style dans {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Attribue l'ID \"{0}\" à cet élément et enregistre le style dans {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Enregistre le style dans {0} - stylise uniquement cet élément",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Enregistre le style dans {0} - stylise {1} éléments sur la page",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un autre élément possède déjà cet ID - essayez plutôt une classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ceci ne correspond pas à l'élément sélectionné, vos modifications ne l'affecteront donc pas",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Les styles comme \":hover\" ne peuvent pas encore être modifiés en direct ici",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Cela ne semble pas être un nom de style valide - essayez une classe comme .card ou un ID comme #hero",
+  "LIVE_DEV_STYLER_CREATE": "Créer",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "Ex. : .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Hauteur",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensions",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largeur minimale",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largeur maximale",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Hauteur minimale",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Hauteur maximale",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afficher les limites min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Masquer les limites min/max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacité",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Changer d'unité - bascule entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Augmenter {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuer {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Augmenter la valeur",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuer la valeur",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maj + Clic : x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Prélever une couleur sur la page",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Couper",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copier",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Coller",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "LIVE_DEV_STYLER_BACKGROUND": "Couleur de fond",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Couleur du texte",
-  "LIVE_DEV_STYLER_FONT": "Famille de police",
-  "LIVE_DEV_STYLER_SIZE": "Taille de la police",
-  "LIVE_DEV_STYLER_WEIGHT": "Graisse de la police",
-  "LIVE_DEV_STYLER_ALIGN": "Alignement du texte",
-  "LIVE_DEV_STYLER_BORDER": "Bordure",
-  "LIVE_DEV_STYLER_SPACING": "Marge & marge intérieure",
-  "LIVE_DEV_STYLER_LAYOUT": "Mise en page",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Style du texte",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Déplacer la barre en haut",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Déplacer la barre en bas",
-  "LIVE_DEV_STYLER_RESET": "Réinitialiser les modifications",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Aucune modification à réinitialiser",
-  "LIVE_DEV_STYLER_MIXED": "Mixte",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Les côtés diffèrent — modifiez chaque côté séparément",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Rechercher des polices…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Système",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Sur cette page",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personnalisé",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Utiliser « {0} »",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Aucune police trouvée",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Charger plus",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fin",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra-Léger",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Léger",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Moyen",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Demi-gras",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Gras",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra-gras",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Noir",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interligne",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Espacement des lettres",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Espacement des mots",
-  "LIVE_DEV_STYLER_CASE": "Casse",
-  "LIVE_DEV_STYLER_BOLD": "Gras",
-  "LIVE_DEV_STYLER_ITALIC": "Italique",
-  "LIVE_DEV_STYLER_UNDERLINE": "Souligné",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barré",
-  "LIVE_DEV_STYLER_NONE": "Aucun",
-  "LIVE_DEV_STYLER_UPPERCASE": "Majuscules",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minuscules",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitale initiale",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aligner à gauche",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrer",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aligner à droite",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justifier",
-  "LIVE_DEV_STYLER_RADIUS": "Rayon",
-  "LIVE_DEV_STYLER_WIDTH": "Largeur",
-  "LIVE_DEV_STYLER_COLOR": "Couleur",
-  "LIVE_DEV_STYLER_STYLE": "Style",
-  "LIVE_DEV_STYLER_SOLID": "Pleine",
-  "LIVE_DEV_STYLER_DASHED": "En tirets",
-  "LIVE_DEV_STYLER_DOTTED": "En pointillés",
-  "LIVE_DEV_STYLER_DOUBLE": "Double",
-  "LIVE_DEV_STYLER_OUTLINE": "Contour",
-  "LIVE_DEV_STYLER_OFFSET": "Décalage",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordure et contour",
-  "LIVE_DEV_STYLER_SIDE": "Côté",
-  "LIVE_DEV_STYLER_PADDING": "Marge intérieure",
-  "LIVE_DEV_STYLER_MARGIN": "Marge",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifier tous les côtés ensemble",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifier les côtés indépendamment",
-  "LIVE_DEV_STYLER_LINK_NONE": "Côtés indépendants - chaque côté a sa propre valeur",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Associés - haut et bas liés, gauche et droite liés",
-  "LIVE_DEV_STYLER_LINK_ALL": "Tous les côtés liés - une seule valeur pour tous les côtés",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Cliquez pour changer la liaison des côtés",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Tous",
-  "LIVE_DEV_STYLER_DISPLAY": "Affichage",
-  "LIVE_DEV_STYLER_DIRECTION": "Direction",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justification",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alignement des éléments",
-  "LIVE_DEV_STYLER_WRAP": "Retour à la ligne",
-  "LIVE_DEV_STYLER_GAP": "Espacement",
-  "LIVE_DEV_STYLER_COLUMNS": "Colonnes",
-  "LIVE_DEV_STYLER_ROWS": "Lignes",
-  "LIVE_DEV_STYLER_POSITION": "Position",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Bloc",
-  "LIVE_DEV_STYLER_INLINE": "En ligne",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloc en ligne",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en ligne",
-  "LIVE_DEV_STYLER_GRID": "Grille",
-  "LIVE_DEV_STYLER_HIDDEN": "Masqué",
-  "LIVE_DEV_STYLER_ROW": "Ligne",
-  "LIVE_DEV_STYLER_COLUMN": "Colonne",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Ligne inversée",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonne inversée",
-  "LIVE_DEV_STYLER_START": "Début",
-  "LIVE_DEV_STYLER_CENTER": "Centre",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espace entre",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Espace autour",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espacement uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Étirer",
-  "LIVE_DEV_STYLER_BASELINE": "Ligne de base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Sans retour à la ligne",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Retour à la ligne inversé",
-  "LIVE_DEV_STYLER_STATIC": "Statique",
-  "LIVE_DEV_STYLER_RELATIVE": "Relative",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolue",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Fixe",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Appliquer à",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "En ligne",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directement sur l'élément",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "affecte {0} élément(s) sur la page",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nouveau style…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nouveau style",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Ajoute la classe \"{0}\" à cet élément et enregistre le style dans {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Attribue l'ID \"{0}\" à cet élément et enregistre le style dans {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Enregistre le style dans {0} - stylise uniquement cet élément",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Enregistre le style dans {0} - stylise {1} éléments sur la page",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un autre élément possède déjà cet ID - essayez plutôt une classe",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ceci ne correspond pas à l'élément sélectionné, vos modifications ne l'affecteront donc pas",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Les styles comme \":hover\" ne peuvent pas encore être modifiés en direct ici",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Cela ne semble pas être un nom de style valide - essayez une classe comme .card ou un ID comme #hero",
-  "LIVE_DEV_STYLER_CREATE": "Créer",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "Ex. : .card ou #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Hauteur",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensions",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Largeur minimale",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Largeur maximale",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Hauteur minimale",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Hauteur maximale",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afficher les limites min/max",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Masquer les limites min/max",
-  "LIVE_DEV_STYLER_OPACITY": "Opacité",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Changer d'unité - bascule entre {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Augmenter {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuer {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Augmenter la valeur",
-  "LIVE_DEV_STYLER_DECREASE": "Diminuer la valeur",
-  "LIVE_DEV_STYLER_STEP_HINT": "Maj + Clic : x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Prélever une couleur sur la page"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afficher la barre de styles lorsque des éléments sont sélectionnés dans l'aperçu en direct. La valeur par défaut est 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Côté auquel la barre de styles de l'aperçu en direct s'ancre : 'haut', 'bas', 'gauche' ou 'droite'. La valeur par défaut est 'bas'",
+  "LIVE_DEV_STYLER_DOCK": "Position d'ancrage",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Déplacer la barre à gauche",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Déplacer la barre à droite",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Sur cette page",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Courantes",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanc",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argenté",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Noir",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rouge",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Marron",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Or",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Jaune",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Citron vert",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Vert",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sarcelle",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Bleu",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marine",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Violet",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rose",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afficher la barre de styles"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index b97d6d9bcb..6dff0b7b8f 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Eliminar",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galería de imaxes",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Máis opcións",
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Familia de fontes",
+  "LIVE_DEV_STYLER_SIZE": "Tamaño da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Aliñamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Marxe e recheo",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover a barra cara arriba",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover a barra cara abaixo",
+  "LIVE_DEV_STYLER_RESET": "Restablecer os cambios",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Non hai cambios que restablecer",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
+  "LIVE_DEV_STYLER_MIXED": "Mixto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados difiren — edite cada lado por separado",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fontes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta páxina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Non se atoparon fontes",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar máis",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lixeira",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrosa",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negriña",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegriña",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Negra",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interliñado",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espazado entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espazado entre palabras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negriña",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subliñado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Riscado",
+  "LIVE_DEV_STYLER_NONE": "Ningún",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliñar á esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliñar ao centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliñar á dereita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Xustificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Ancho",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "A trazos",
+  "LIVE_DEV_STYLER_DOTTED": "Punteado",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobre",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Desprazamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Recheo",
+  "LIVE_DEV_STYLER_MARGIN": "Marxe",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados xuntos",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar os lados de forma independente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes: cada lado ten o seu propio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparellados: superior e inferior vinculados, esquerdo e dereito vinculados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados: un valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faga clic para cambiar como se vinculan os lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
   "LIVE_DEV_STYLER_TOP": "Arriba",
   "LIVE_DEV_STYLER_RIGHT": "Dereita",
   "LIVE_DEV_STYLER_BOTTOM": "Abaixo",
   "LIVE_DEV_STYLER_LEFT": "Esquerda",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
+  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
+  "LIVE_DEV_STYLER_JUSTIFY": "Xustificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliñar elementos",
+  "LIVE_DEV_STYLER_WRAP": "Axuste",
+  "LIVE_DEV_STYLER_GAP": "Espazamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
+  "LIVE_DEV_STYLER_ROWS": "Filas",
+  "LIVE_DEV_STYLER_POSITION": "Posición",
+  "LIVE_DEV_STYLER_Z_INDEX": "Índice Z",
+  "LIVE_DEV_STYLER_BLOCK": "Bloque",
+  "LIVE_DEV_STYLER_INLINE": "En liña",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en liña",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en liña",
+  "LIVE_DEV_STYLER_GRID": "Grella",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Fila",
+  "LIVE_DEV_STYLER_COLUMN": "Columna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
+  "LIVE_DEV_STYLER_START": "Inicio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Final",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espazo entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espazo ao redor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espazo uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estirar",
+  "LIVE_DEV_STYLER_BASELINE": "Liña de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sen axuste",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Axuste inverso",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Adherente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Gardar os cambios en",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "En liña",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} na páxina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Engade a clase \"{0}\" a este elemento e garda o estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dálle a este elemento o ID \"{0}\" e garda o estilo en {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Garda o estilo en {0}: aplica o estilo só a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Garda o estilo en {0}: aplica o estilo a {1} elementos na páxina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento xa ten ese ID. Probe a usar unha clase no seu lugar.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto non coincide co elemento seleccionado, polo que as súas edicións non o modificarán.",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Os estilos como \":hover\" aínda non se poden editar en vivo aquí.",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Non parece un nome de estilo válido. Proba cunha clase como .card ou un ID como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Crear",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "P. ex. .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Amosar límites de tamaño mín. / máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar os límites de tamaño mínimo/máximo",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidade: alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuír {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar o valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuír o valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maiús + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar cor da páxina",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Pegar",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fondo",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
-  "LIVE_DEV_STYLER_FONT": "Familia de fontes",
-  "LIVE_DEV_STYLER_SIZE": "Tamaño da fonte",
-  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
-  "LIVE_DEV_STYLER_ALIGN": "Aliñamento do texto",
-  "LIVE_DEV_STYLER_BORDER": "Bordo",
-  "LIVE_DEV_STYLER_SPACING": "Marxe e recheo",
-  "LIVE_DEV_STYLER_LAYOUT": "Disposición",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Mover a barra cara arriba",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover a barra cara abaixo",
-  "LIVE_DEV_STYLER_RESET": "Restablecer os cambios",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Non hai cambios que restablecer",
-  "LIVE_DEV_STYLER_MIXED": "Mixto",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados difiren — edite cada lado por separado",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Buscar fontes…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta páxina",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar «{0}»",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Non se atoparon fontes",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Cargar máis",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fina",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extrafina",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lixeira",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Media",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrosa",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negriña",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extranegriña",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Negra",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interliñado",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Espazado entre letras",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Espazado entre palabras",
-  "LIVE_DEV_STYLER_CASE": "Caixa",
-  "LIVE_DEV_STYLER_BOLD": "Negriña",
-  "LIVE_DEV_STYLER_ITALIC": "Cursiva",
-  "LIVE_DEV_STYLER_UNDERLINE": "Subliñado",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Riscado",
-  "LIVE_DEV_STYLER_NONE": "Ningún",
-  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliñar á esquerda",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliñar ao centro",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliñar á dereita",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Xustificar",
-  "LIVE_DEV_STYLER_CLEAR": "Limpar",
-  "LIVE_DEV_STYLER_RADIUS": "Raio",
-  "LIVE_DEV_STYLER_WIDTH": "Ancho",
-  "LIVE_DEV_STYLER_COLOR": "Cor",
-  "LIVE_DEV_STYLER_STYLE": "Estilo",
-  "LIVE_DEV_STYLER_SOLID": "Sólido",
-  "LIVE_DEV_STYLER_DASHED": "A trazos",
-  "LIVE_DEV_STYLER_DOTTED": "Punteado",
-  "LIVE_DEV_STYLER_DOUBLE": "Dobre",
-  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
-  "LIVE_DEV_STYLER_OFFSET": "Desprazamento",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
-  "LIVE_DEV_STYLER_SIDE": "Lado",
-  "LIVE_DEV_STYLER_PADDING": "Recheo",
-  "LIVE_DEV_STYLER_MARGIN": "Marxe",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados xuntos",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar os lados de forma independente",
-  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes: cada lado ten o seu propio valor",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparellados: superior e inferior vinculados, esquerdo e dereito vinculados",
-  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados: un valor para cada lado",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faga clic para cambiar como se vinculan os lados",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
-  "LIVE_DEV_STYLER_DISPLAY": "Visualización",
-  "LIVE_DEV_STYLER_DIRECTION": "Dirección",
-  "LIVE_DEV_STYLER_JUSTIFY": "Xustificar",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliñar elementos",
-  "LIVE_DEV_STYLER_WRAP": "Axuste",
-  "LIVE_DEV_STYLER_GAP": "Espazamento",
-  "LIVE_DEV_STYLER_COLUMNS": "Columnas",
-  "LIVE_DEV_STYLER_ROWS": "Filas",
-  "LIVE_DEV_STYLER_POSITION": "Posición",
-  "LIVE_DEV_STYLER_Z_INDEX": "Índice Z",
-  "LIVE_DEV_STYLER_BLOCK": "Bloque",
-  "LIVE_DEV_STYLER_INLINE": "En liña",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloque en liña",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex en liña",
-  "LIVE_DEV_STYLER_GRID": "Grella",
-  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
-  "LIVE_DEV_STYLER_ROW": "Fila",
-  "LIVE_DEV_STYLER_COLUMN": "Columna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Fila inversa",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Columna inversa",
-  "LIVE_DEV_STYLER_START": "Inicio",
-  "LIVE_DEV_STYLER_CENTER": "Centro",
-  "LIVE_DEV_STYLER_END": "Final",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espazo entre",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Espazo ao redor",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espazo uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Estirar",
-  "LIVE_DEV_STYLER_BASELINE": "Liña de base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Sen axuste",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Axuste inverso",
-  "LIVE_DEV_STYLER_STATIC": "Estático",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
-  "LIVE_DEV_STYLER_STICKY": "Adherente",
-  "LIVE_DEV_STYLER_FIXED": "Fixo",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Gardar os cambios en",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "En liña",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "directamente no elemento",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Afecta a {0} na páxina",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Engade a clase \"{0}\" a este elemento e garda o estilo en {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dálle a este elemento o ID \"{0}\" e garda o estilo en {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Garda o estilo en {0}: aplica o estilo só a este elemento",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Garda o estilo en {0}: aplica o estilo a {1} elementos na páxina",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento xa ten ese ID. Probe a usar unha clase no seu lugar.",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto non coincide co elemento seleccionado, polo que as súas edicións non o modificarán.",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Os estilos como \":hover\" aínda non se poden editar en vivo aquí.",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Non parece un nome de estilo válido. Proba cunha clase como .card ou un ID como #hero",
-  "LIVE_DEV_STYLER_CREATE": "Crear",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "P. ex. .card ou #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Altura",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Tamaño",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Ancho mín.",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Ancho máx.",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Amosar límites de tamaño mín. / máx.",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar os límites de tamaño mínimo/máximo",
-  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambiar unidade: alterna entre {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuír {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Aumentar o valor",
-  "LIVE_DEV_STYLER_DECREASE": "Diminuír o valor",
-  "LIVE_DEV_STYLER_STEP_HINT": "Maiús + Clic: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Seleccionar cor da páxina"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Amosar a barra de estilos cando se seleccionan elementos na vista previa en vivo. O valor predeterminado é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado no que se acopla a barra de estilos da vista previa en vivo: 'superior', 'inferior', 'esquerda' ou 'dereita'. O valor predeterminado é 'inferior'",
+  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamento",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover a barra á esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover a barra á dereita",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na páxina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comúns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermello",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranxa",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul mariño",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Maxenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Amosar barra de estilos"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index d66a4060b4..a801c312bb 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "डिलीट करें",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "इमेज गैलरी",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "अधिक विकल्प",
+  "LIVE_DEV_STYLER_BACKGROUND": "बैकग्राउंड रंग",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "टेक्स्ट रंग",
+  "LIVE_DEV_STYLER_FONT": "फ़ॉन्ट परिवार",
+  "LIVE_DEV_STYLER_SIZE": "फ़ॉन्ट आकार",
+  "LIVE_DEV_STYLER_WEIGHT": "फ़ॉन्ट वज़न",
+  "LIVE_DEV_STYLER_ALIGN": "टेक्स्ट संरेखण",
+  "LIVE_DEV_STYLER_BORDER": "बॉर्डर",
+  "LIVE_DEV_STYLER_SPACING": "मार्जिन और पैडिंग",
+  "LIVE_DEV_STYLER_LAYOUT": "लेआउट",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "टेक्स्ट शैली",
+  "LIVE_DEV_STYLER_DOCK_TOP": "बार को ऊपर ले जाएँ",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "बार को नीचे ले जाएँ",
+  "LIVE_DEV_STYLER_RESET": "बदलाव रीसेट करें",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "रीसेट करने के लिए कोई बदलाव नहीं हैं",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "हो गया",
+  "LIVE_DEV_STYLER_MIXED": "मिश्रित",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "साइड्स अलग हैं — हर साइड को अलग-अलग संपादित करें",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "फ़ॉन्ट खोजें…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "गूगल",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "सिस्टम",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "इस पेज पर",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "कस्टम",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" का उपयोग करें",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "कोई फ़ॉन्ट नहीं मिला",
+  "LIVE_DEV_STYLER_LOAD_MORE": "और लोड करें",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "पतला",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "अतिरिक्त हल्का",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "हल्का",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "नियमित",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "मध्यम",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "सेमीबोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "बोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "एक्स्ट्रा बोल्ड",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ब्लैक",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "लाइन की ऊँचाई",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "अक्षर स्पेसिंग",
+  "LIVE_DEV_STYLER_WORD_SPACING": "शब्द स्पेसिंग",
+  "LIVE_DEV_STYLER_CASE": "केस",
+  "LIVE_DEV_STYLER_BOLD": "बोल्ड",
+  "LIVE_DEV_STYLER_ITALIC": "इटैलिक",
+  "LIVE_DEV_STYLER_UNDERLINE": "रेखांकित",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "स्ट्राइकथ्रू",
+  "LIVE_DEV_STYLER_NONE": "कोई नहीं",
+  "LIVE_DEV_STYLER_UPPERCASE": "अपरकेस",
+  "LIVE_DEV_STYLER_LOWERCASE": "लोअरकेस",
+  "LIVE_DEV_STYLER_CAPITALIZE": "कैपिटलाइज़",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "बाएँ संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "केंद्र में संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "दाएँ संरेखित करें",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "जस्टिफ़ाई",
+  "LIVE_DEV_STYLER_CLEAR": "साफ़ करें",
+  "LIVE_DEV_STYLER_RADIUS": "रेडियस",
+  "LIVE_DEV_STYLER_WIDTH": "चौड़ाई",
+  "LIVE_DEV_STYLER_COLOR": "रंग",
+  "LIVE_DEV_STYLER_STYLE": "स्टाइल",
+  "LIVE_DEV_STYLER_SOLID": "सॉलिड",
+  "LIVE_DEV_STYLER_DASHED": "डैश्ड",
+  "LIVE_DEV_STYLER_DOTTED": "डॉटेड",
+  "LIVE_DEV_STYLER_DOUBLE": "डबल",
+  "LIVE_DEV_STYLER_OUTLINE": "आउटलाइन",
+  "LIVE_DEV_STYLER_OFFSET": "ऑफ़सेट",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "बॉर्डर और आउटलाइन",
+  "LIVE_DEV_STYLER_SIDE": "साइड",
+  "LIVE_DEV_STYLER_PADDING": "पैडिंग",
+  "LIVE_DEV_STYLER_MARGIN": "मार्जिन",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "सभी साइड एक साथ संपादित करें",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "साइड को अलग-अलग संपादित करें",
+  "LIVE_DEV_STYLER_LINK_NONE": "अलग-अलग साइड - हर साइड का अपना मान होता है",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "युग्मित - ऊपर और नीचे लिंक हैं, बाएँ और दाएँ लिंक हैं",
+  "LIVE_DEV_STYLER_LINK_ALL": "सभी साइड लिंक हैं - हर साइड के लिए एक मान",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "साइड्स को लिंक करने का तरीका बदलने के लिए क्लिक करें",
+  "LIVE_DEV_STYLER_ALL_SIDES": "सभी",
+  "LIVE_DEV_STYLER_TOP": "ऊपर",
+  "LIVE_DEV_STYLER_RIGHT": "दाएँ",
+  "LIVE_DEV_STYLER_BOTTOM": "नीचे",
+  "LIVE_DEV_STYLER_LEFT": "बाएँ",
+  "LIVE_DEV_STYLER_DISPLAY": "डिस्प्ले",
+  "LIVE_DEV_STYLER_DIRECTION": "दिशा",
+  "LIVE_DEV_STYLER_JUSTIFY": "जस्टिफ़ाई",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "आइटम संरेखित करें",
+  "LIVE_DEV_STYLER_WRAP": "रैप",
+  "LIVE_DEV_STYLER_GAP": "गैप",
+  "LIVE_DEV_STYLER_COLUMNS": "कॉलम",
+  "LIVE_DEV_STYLER_ROWS": "पंक्तियाँ",
+  "LIVE_DEV_STYLER_POSITION": "स्थिति",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-इंडेक्स",
+  "LIVE_DEV_STYLER_BLOCK": "ब्लॉक",
+  "LIVE_DEV_STYLER_INLINE": "इनलाइन",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "इनलाइन ब्लॉक",
+  "LIVE_DEV_STYLER_FLEX": "फ्लेक्स",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "इनलाइन फ्लेक्स",
+  "LIVE_DEV_STYLER_GRID": "ग्रिड",
+  "LIVE_DEV_STYLER_HIDDEN": "छिपा हुआ",
+  "LIVE_DEV_STYLER_ROW": "पंक्ति",
+  "LIVE_DEV_STYLER_COLUMN": "स्तंभ",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "पंक्ति उलटा",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "स्तंभ उलटा",
+  "LIVE_DEV_STYLER_START": "शुरू",
+  "LIVE_DEV_STYLER_CENTER": "केंद्र",
+  "LIVE_DEV_STYLER_END": "अंत",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "बीच में जगह",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "आस-पास जगह",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "समान रूप से जगह",
+  "LIVE_DEV_STYLER_STRETCH": "खिंचाव",
+  "LIVE_DEV_STYLER_BASELINE": "आधार-रेखा",
+  "LIVE_DEV_STYLER_NO_WRAP": "रैप नहीं",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "उल्टा रैप",
+  "LIVE_DEV_STYLER_STATIC": "स्थिर",
+  "LIVE_DEV_STYLER_RELATIVE": "सापेक्ष",
+  "LIVE_DEV_STYLER_ABSOLUTE": "निरपेक्ष",
+  "LIVE_DEV_STYLER_STICKY": "स्टिकी",
+  "LIVE_DEV_STYLER_FIXED": "स्थिर",
+  "LIVE_DEV_STYLER_APPLIES_TO": "में बदलाव सहेजें",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "इनलाइन",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "सीधे एलीमेंट पर",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "पेज पर {0} को प्रभावित करता है",
+  "LIVE_DEV_STYLER_NEW_STYLE": "नई स्टाइल…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "नई स्टाइल",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "इस एलीमेंट में क्लास \"{0}\" जोड़ता है और स्टाइल को {1} में सहेजता है",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "इस एलीमेंट को आईडी \"{0}\" देता है और स्टाइल को {1} में सहेजता है",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0} में स्टाइल सहेजता है - सिर्फ़ इस एलिमेंट को स्टाइल करता है",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0} में स्टाइल सहेजता है - पेज पर {1} एलिमेंट्स को स्टाइल करता है",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "किसी दूसरे एलिमेंट के पास पहले से ही वह आईडी है - इसके बजाय एक क्लास आज़माएँ",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "यह चयनित एलिमेंट से मेल नहीं खाता, इसलिए आपके संपादन इसे नहीं बदलेंगे",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" जैसी स्टाइल को अभी यहाँ लाइव संपादित नहीं किया जा सकता है",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "यह एक मान्य स्टाइल नाम जैसा नहीं लगता - .card जैसी क्लास या #hero जैसी आईडी आज़माएँ",
+  "LIVE_DEV_STYLER_CREATE": "बनाएँ",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "उदा. .card या #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ऊँचाई",
+  "LIVE_DEV_STYLER_SIZE_TAB": "आकार",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "न्यूनतम चौड़ाई",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "अधिकतम चौड़ाई",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "न्यूनतम ऊंचाई",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "अधिकतम ऊंचाई",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "न्यूनतम / अधिकतम आकार सीमाएं दिखाएं",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "न्यूनतम / अधिकतम आकार सीमाएं छिपाएं",
+  "LIVE_DEV_STYLER_OPACITY": "अपारदर्शिता",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "इकाई बदलें - {0} के बीच टॉगल करता है",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} बढ़ाएं",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} घटाएं",
+  "LIVE_DEV_STYLER_INCREASE": "मान बढ़ाएँ",
+  "LIVE_DEV_STYLER_DECREASE": "मान घटाएँ",
+  "LIVE_DEV_STYLER_STEP_HINT": "शिफ्ट + क्लिक: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "पेज से रंग चुनें",
   "LIVE_DEV_MORE_OPTIONS_CUT": "कट",
   "LIVE_DEV_MORE_OPTIONS_COPY": "कॉपी",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "पेस्ट",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "LIVE_DEV_STYLER_BACKGROUND": "बैकग्राउंड रंग",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "टेक्स्ट रंग",
-  "LIVE_DEV_STYLER_FONT": "फ़ॉन्ट परिवार",
-  "LIVE_DEV_STYLER_SIZE": "फ़ॉन्ट आकार",
-  "LIVE_DEV_STYLER_WEIGHT": "फ़ॉन्ट वज़न",
-  "LIVE_DEV_STYLER_ALIGN": "टेक्स्ट संरेखण",
-  "LIVE_DEV_STYLER_BORDER": "बॉर्डर",
-  "LIVE_DEV_STYLER_SPACING": "मार्जिन और पैडिंग",
-  "LIVE_DEV_STYLER_LAYOUT": "लेआउट",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "टेक्स्ट शैली",
-  "LIVE_DEV_STYLER_DOCK_TOP": "बार को ऊपर ले जाएँ",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "बार को नीचे ले जाएँ",
-  "LIVE_DEV_STYLER_RESET": "बदलाव रीसेट करें",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "रीसेट करने के लिए कोई बदलाव नहीं हैं",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "हो गया",
-  "LIVE_DEV_STYLER_MIXED": "मिश्रित",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "साइड्स अलग हैं — हर साइड को अलग-अलग संपादित करें",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "फ़ॉन्ट खोजें…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "गूगल",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "सिस्टम",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "इस पेज पर",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "कस्टम",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" का उपयोग करें",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "कोई फ़ॉन्ट नहीं मिला",
-  "LIVE_DEV_STYLER_LOAD_MORE": "और लोड करें",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "पतला",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "अतिरिक्त हल्का",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "हल्का",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "नियमित",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "मध्यम",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "सेमीबोल्ड",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "बोल्ड",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "एक्स्ट्रा बोल्ड",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ब्लैक",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "लाइन की ऊँचाई",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "अक्षर स्पेसिंग",
-  "LIVE_DEV_STYLER_WORD_SPACING": "शब्द स्पेसिंग",
-  "LIVE_DEV_STYLER_CASE": "केस",
-  "LIVE_DEV_STYLER_BOLD": "बोल्ड",
-  "LIVE_DEV_STYLER_ITALIC": "इटैलिक",
-  "LIVE_DEV_STYLER_UNDERLINE": "रेखांकित",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "स्ट्राइकथ्रू",
-  "LIVE_DEV_STYLER_NONE": "कोई नहीं",
-  "LIVE_DEV_STYLER_UPPERCASE": "अपरकेस",
-  "LIVE_DEV_STYLER_LOWERCASE": "लोअरकेस",
-  "LIVE_DEV_STYLER_CAPITALIZE": "कैपिटलाइज़",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "बाएँ संरेखित करें",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "केंद्र में संरेखित करें",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "दाएँ संरेखित करें",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "जस्टिफ़ाई",
-  "LIVE_DEV_STYLER_CLEAR": "साफ़ करें",
-  "LIVE_DEV_STYLER_RADIUS": "रेडियस",
-  "LIVE_DEV_STYLER_WIDTH": "चौड़ाई",
-  "LIVE_DEV_STYLER_COLOR": "रंग",
-  "LIVE_DEV_STYLER_STYLE": "स्टाइल",
-  "LIVE_DEV_STYLER_SOLID": "सॉलिड",
-  "LIVE_DEV_STYLER_DASHED": "डैश्ड",
-  "LIVE_DEV_STYLER_DOTTED": "डॉटेड",
-  "LIVE_DEV_STYLER_DOUBLE": "डबल",
-  "LIVE_DEV_STYLER_OUTLINE": "आउटलाइन",
-  "LIVE_DEV_STYLER_OFFSET": "ऑफ़सेट",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "बॉर्डर और आउटलाइन",
-  "LIVE_DEV_STYLER_SIDE": "साइड",
-  "LIVE_DEV_STYLER_PADDING": "पैडिंग",
-  "LIVE_DEV_STYLER_MARGIN": "मार्जिन",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "सभी साइड एक साथ संपादित करें",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "साइड को अलग-अलग संपादित करें",
-  "LIVE_DEV_STYLER_LINK_NONE": "अलग-अलग साइड - हर साइड का अपना मान होता है",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "युग्मित - ऊपर और नीचे लिंक हैं, बाएँ और दाएँ लिंक हैं",
-  "LIVE_DEV_STYLER_LINK_ALL": "सभी साइड लिंक हैं - हर साइड के लिए एक मान",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "साइड्स को लिंक करने का तरीका बदलने के लिए क्लिक करें",
-  "LIVE_DEV_STYLER_ALL_SIDES": "सभी",
-  "LIVE_DEV_STYLER_TOP": "ऊपर",
-  "LIVE_DEV_STYLER_RIGHT": "दाएँ",
-  "LIVE_DEV_STYLER_BOTTOM": "नीचे",
-  "LIVE_DEV_STYLER_LEFT": "बाएँ",
-  "LIVE_DEV_STYLER_DISPLAY": "डिस्प्ले",
-  "LIVE_DEV_STYLER_DIRECTION": "दिशा",
-  "LIVE_DEV_STYLER_JUSTIFY": "जस्टिफ़ाई",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "आइटम संरेखित करें",
-  "LIVE_DEV_STYLER_WRAP": "रैप",
-  "LIVE_DEV_STYLER_GAP": "गैप",
-  "LIVE_DEV_STYLER_COLUMNS": "कॉलम",
-  "LIVE_DEV_STYLER_ROWS": "पंक्तियाँ",
-  "LIVE_DEV_STYLER_POSITION": "स्थिति",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-इंडेक्स",
-  "LIVE_DEV_STYLER_BLOCK": "ब्लॉक",
-  "LIVE_DEV_STYLER_INLINE": "इनलाइन",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "इनलाइन ब्लॉक",
-  "LIVE_DEV_STYLER_FLEX": "फ्लेक्स",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "इनलाइन फ्लेक्स",
-  "LIVE_DEV_STYLER_GRID": "ग्रिड",
-  "LIVE_DEV_STYLER_HIDDEN": "छिपा हुआ",
-  "LIVE_DEV_STYLER_ROW": "पंक्ति",
-  "LIVE_DEV_STYLER_COLUMN": "स्तंभ",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "पंक्ति उलटा",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "स्तंभ उलटा",
-  "LIVE_DEV_STYLER_START": "शुरू",
-  "LIVE_DEV_STYLER_CENTER": "केंद्र",
-  "LIVE_DEV_STYLER_END": "अंत",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "बीच में जगह",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "आस-पास जगह",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "समान रूप से जगह",
-  "LIVE_DEV_STYLER_STRETCH": "खिंचाव",
-  "LIVE_DEV_STYLER_BASELINE": "आधार-रेखा",
-  "LIVE_DEV_STYLER_NO_WRAP": "रैप नहीं",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "उल्टा रैप",
-  "LIVE_DEV_STYLER_STATIC": "स्थिर",
-  "LIVE_DEV_STYLER_RELATIVE": "सापेक्ष",
-  "LIVE_DEV_STYLER_ABSOLUTE": "निरपेक्ष",
-  "LIVE_DEV_STYLER_STICKY": "स्टिकी",
-  "LIVE_DEV_STYLER_FIXED": "स्थिर",
-  "LIVE_DEV_STYLER_APPLIES_TO": "में बदलाव सहेजें",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "इनलाइन",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "सीधे एलीमेंट पर",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "पेज पर {0} को प्रभावित करता है",
-  "LIVE_DEV_STYLER_NEW_STYLE": "नई स्टाइल…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "नई स्टाइल",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "इस एलीमेंट में क्लास \"{0}\" जोड़ता है और स्टाइल को {1} में सहेजता है",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "इस एलीमेंट को आईडी \"{0}\" देता है और स्टाइल को {1} में सहेजता है",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0} में स्टाइल सहेजता है - सिर्फ़ इस एलिमेंट को स्टाइल करता है",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0} में स्टाइल सहेजता है - पेज पर {1} एलिमेंट्स को स्टाइल करता है",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "किसी दूसरे एलिमेंट के पास पहले से ही वह आईडी है - इसके बजाय एक क्लास आज़माएँ",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "यह चयनित एलिमेंट से मेल नहीं खाता, इसलिए आपके संपादन इसे नहीं बदलेंगे",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" जैसी स्टाइल को अभी यहाँ लाइव संपादित नहीं किया जा सकता है",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "यह एक मान्य स्टाइल नाम जैसा नहीं लगता - .card जैसी क्लास या #hero जैसी आईडी आज़माएँ",
-  "LIVE_DEV_STYLER_CREATE": "बनाएँ",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "उदा. .card या #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "ऊँचाई",
-  "LIVE_DEV_STYLER_SIZE_TAB": "आकार",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "न्यूनतम चौड़ाई",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "अधिकतम चौड़ाई",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "न्यूनतम ऊंचाई",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "अधिकतम ऊंचाई",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "न्यूनतम / अधिकतम आकार सीमाएं दिखाएं",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "न्यूनतम / अधिकतम आकार सीमाएं छिपाएं",
-  "LIVE_DEV_STYLER_OPACITY": "अपारदर्शिता",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "इकाई बदलें - {0} के बीच टॉगल करता है",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} बढ़ाएं",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} घटाएं",
-  "LIVE_DEV_STYLER_INCREASE": "मान बढ़ाएँ",
-  "LIVE_DEV_STYLER_DECREASE": "मान घटाएँ",
-  "LIVE_DEV_STYLER_STEP_HINT": "शिफ्ट + क्लिक: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "पेज से रंग चुनें"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "लाइव प्रीव्यू में तत्वों के चुने जाने पर स्टाइल्स बार दिखाएँ। डिफ़ॉल्ट रूप से 'true' है",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "लाइव प्रीव्यू स्टाइल्स बार किस तरफ़ डॉक होता है: 'top', 'bottom', 'left' या 'right'। डिफ़ॉल्ट रूप से 'bottom' है",
+  "LIVE_DEV_STYLER_DOCK": "डॉक स्थिति",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "बार को बाईं ओर ले जाएँ",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "बार को दाईं ओर ले जाएँ",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "पेज पर",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "सामान्य",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "सफ़ेद",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "सिल्वर",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "ग्रे",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "काला",
+  "LIVE_DEV_STYLER_COLOR_RED": "लाल",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "मैरून",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "नारंगी",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "सुनहरा",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "पीला",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "जैतूनी",
+  "LIVE_DEV_STYLER_COLOR_LIME": "लाइम",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "हरा",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "टील",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "स्यान",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "नीला",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "नेवी",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "इंडिगो",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "बैंगनी",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "मैजेंटा",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "वायलेट",
+  "LIVE_DEV_STYLER_COLOR_PINK": "गुलाबी",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "स्टाइल्स बार दिखाएँ"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index f0eca2fb4e..5321195e43 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Obriši",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerija slika",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Više opcija",
+  "LIVE_DEV_STYLER_BACKGROUND": "Boja pozadine",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Boja teksta",
+  "LIVE_DEV_STYLER_FONT": "Obitelj fontova",
+  "LIVE_DEV_STYLER_SIZE": "Veličina fonta",
+  "LIVE_DEV_STYLER_WEIGHT": "Debljina fonta",
+  "LIVE_DEV_STYLER_ALIGN": "Poravnanje teksta",
+  "LIVE_DEV_STYLER_BORDER": "Obrub",
+  "LIVE_DEV_STYLER_SPACING": "Margina i unutarnji razmak",
+  "LIVE_DEV_STYLER_LAYOUT": "Raspored",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil teksta",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pomakni traku na vrh",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pomakni traku na dno",
+  "LIVE_DEV_STYLER_RESET": "Poništi promjene",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nema promjena za poništavanje",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Može",
+  "LIVE_DEV_STYLER_MIXED": "Miješano",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strane se razlikuju — uredite svaku stranu zasebno",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pretraži fontove…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sustav",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na ovoj stranici",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Prilagođeno",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Koristi \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nema pronađenih fontova",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Učitaj više",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tanak",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lagan",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lagan",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normalan",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Srednji",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polu-podebljan",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Podebljano",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra podebljano",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Crna",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Visina retka",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Razmak među slovima",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Razmak među riječima",
+  "LIVE_DEV_STYLER_CASE": "Pisanje",
+  "LIVE_DEV_STYLER_BOLD": "Podebljano",
+  "LIVE_DEV_STYLER_ITALIC": "Kurziv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podcrtano",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Precrtano",
+  "LIVE_DEV_STYLER_NONE": "Nijedno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Velika slova",
+  "LIVE_DEV_STYLER_LOWERCASE": "Mala slova",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Veliko početno slovo",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Poravnaj lijevo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Poravnaj po sredini",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Poravnaj desno",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Obostrano poravnanje",
+  "LIVE_DEV_STYLER_CLEAR": "Očisti",
+  "LIVE_DEV_STYLER_RADIUS": "Polumjer",
+  "LIVE_DEV_STYLER_WIDTH": "Širina",
+  "LIVE_DEV_STYLER_COLOR": "Boja",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Puna",
+  "LIVE_DEV_STYLER_DASHED": "Crtkana",
+  "LIVE_DEV_STYLER_DOTTED": "Točkasta",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvostruka",
+  "LIVE_DEV_STYLER_OUTLINE": "Obris",
+  "LIVE_DEV_STYLER_OFFSET": "Pomak",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obrub i kontura",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Unutarnji razmak",
+  "LIVE_DEV_STYLER_MARGIN": "Margina",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Uredi sve strane zajedno",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Uredi strane odvojeno",
+  "LIVE_DEV_STYLER_LINK_NONE": "Odvojene strane - svaka strana ima svoju vrijednost",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Upareno - gornja i donja strana povezane, lijeva i desna povezane",
+  "LIVE_DEV_STYLER_LINK_ALL": "Sve strane povezane - jedna vrijednost za svaku stranu",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknite za promjenu načina povezivanja strana",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Sve",
   "LIVE_DEV_STYLER_TOP": "Vrh",
   "LIVE_DEV_STYLER_RIGHT": "Desno",
   "LIVE_DEV_STYLER_BOTTOM": "Dno",
   "LIVE_DEV_STYLER_LEFT": "Lijevo",
+  "LIVE_DEV_STYLER_DISPLAY": "Prikaz",
+  "LIVE_DEV_STYLER_DIRECTION": "Smjer",
+  "LIVE_DEV_STYLER_JUSTIFY": "Poravnanje",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Poravnanje stavki",
+  "LIVE_DEV_STYLER_WRAP": "Prelamanje",
+  "LIVE_DEV_STYLER_GAP": "Razmak",
+  "LIVE_DEV_STYLER_COLUMNS": "Stupci",
+  "LIVE_DEV_STYLER_ROWS": "Redci",
+  "LIVE_DEV_STYLER_POSITION": "Pozicija",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Linijski",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Linijski blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Linijski flex",
+  "LIVE_DEV_STYLER_GRID": "Mreža",
+  "LIVE_DEV_STYLER_HIDDEN": "Skriveno",
+  "LIVE_DEV_STYLER_ROW": "Redak",
+  "LIVE_DEV_STYLER_COLUMN": "Stupac",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrnuti redak",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrnuti stupac",
+  "LIVE_DEV_STYLER_START": "Početak",
+  "LIVE_DEV_STYLER_CENTER": "Sredina",
+  "LIVE_DEV_STYLER_END": "Kraj",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Razmak između",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Razmak okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ravnomjerni razmak",
+  "LIVE_DEV_STYLER_STRETCH": "Rastegni",
+  "LIVE_DEV_STYLER_BASELINE": "Osnovna linija",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez prijeloma",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrnuti prijelom",
+  "LIVE_DEV_STYLER_STATIC": "Statično",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativno",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Apsolutno",
+  "LIVE_DEV_STYLER_STICKY": "Ljepljivo",
+  "LIVE_DEV_STYLER_FIXED": "Fiksno",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Spremi promjene na",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "U liniji",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "izravno na elementu",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Utječe na {0} na stranici",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novi stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novi stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasu „{0}” ovom elementu i sprema stil u {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dodjeljuje ovom elementu ID „{0}” i sprema stil u {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sprema stil u {0} - stilizira samo ovaj element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sprema stil u {0} - stilizira {1} elemenata na stranici",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Drugi element već ima taj ID - pokušajte umjesto toga s klasom",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ovo se ne podudara s odabranim elementom, stoga ga vaše izmjene neće promijeniti",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilovi poput „:hover” još se ne mogu ovdje uređivati uživo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To ne izgleda kao valjano ime stila - pokušajte s klasom poput .card ili ID-om poput #hero",
+  "LIVE_DEV_STYLER_CREATE": "Stvori",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "npr. .card ili #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Visina",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Veličina",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. širina",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. širina",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. visina",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. visina",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Prikaži min/maks ograničenja veličine",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sakrij ograničenja min/maks veličine",
+  "LIVE_DEV_STYLER_OPACITY": "Prozirnost",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Promijeni jedinicu - prebacuje između {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Povećaj {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Smanji {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Povećaj vrijednost",
+  "LIVE_DEV_STYLER_DECREASE": "Smanji vrijednost",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Odaberi boju sa stranice",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Izreži",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiraj",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Zalijepi",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "LIVE_DEV_STYLER_BACKGROUND": "Boja pozadine",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Boja teksta",
-  "LIVE_DEV_STYLER_FONT": "Obitelj fontova",
-  "LIVE_DEV_STYLER_SIZE": "Veličina fonta",
-  "LIVE_DEV_STYLER_WEIGHT": "Debljina fonta",
-  "LIVE_DEV_STYLER_ALIGN": "Poravnanje teksta",
-  "LIVE_DEV_STYLER_BORDER": "Obrub",
-  "LIVE_DEV_STYLER_SPACING": "Margina i unutarnji razmak",
-  "LIVE_DEV_STYLER_LAYOUT": "Raspored",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil teksta",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Pomakni traku na vrh",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pomakni traku na dno",
-  "LIVE_DEV_STYLER_RESET": "Poništi promjene",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nema promjena za poništavanje",
-  "LIVE_DEV_STYLER_MIXED": "Miješano",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Strane se razlikuju — uredite svaku stranu zasebno",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pretraži fontove…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sustav",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na ovoj stranici",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Prilagođeno",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Koristi \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nema pronađenih fontova",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Učitaj više",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tanak",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lagan",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lagan",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normalan",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Srednji",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polu-podebljan",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Podebljano",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra podebljano",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Crna",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Visina retka",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Razmak među slovima",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Razmak među riječima",
-  "LIVE_DEV_STYLER_CASE": "Pisanje",
-  "LIVE_DEV_STYLER_BOLD": "Podebljano",
-  "LIVE_DEV_STYLER_ITALIC": "Kurziv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Podcrtano",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Precrtano",
-  "LIVE_DEV_STYLER_NONE": "Nijedno",
-  "LIVE_DEV_STYLER_UPPERCASE": "Velika slova",
-  "LIVE_DEV_STYLER_LOWERCASE": "Mala slova",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Veliko početno slovo",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Poravnaj lijevo",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Poravnaj po sredini",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Poravnaj desno",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Obostrano poravnanje",
-  "LIVE_DEV_STYLER_CLEAR": "Očisti",
-  "LIVE_DEV_STYLER_RADIUS": "Polumjer",
-  "LIVE_DEV_STYLER_WIDTH": "Širina",
-  "LIVE_DEV_STYLER_COLOR": "Boja",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Puna",
-  "LIVE_DEV_STYLER_DASHED": "Crtkana",
-  "LIVE_DEV_STYLER_DOTTED": "Točkasta",
-  "LIVE_DEV_STYLER_DOUBLE": "Dvostruka",
-  "LIVE_DEV_STYLER_OUTLINE": "Obris",
-  "LIVE_DEV_STYLER_OFFSET": "Pomak",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obrub i kontura",
-  "LIVE_DEV_STYLER_SIDE": "Strana",
-  "LIVE_DEV_STYLER_PADDING": "Unutarnji razmak",
-  "LIVE_DEV_STYLER_MARGIN": "Margina",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Uredi sve strane zajedno",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Uredi strane odvojeno",
-  "LIVE_DEV_STYLER_LINK_NONE": "Odvojene strane - svaka strana ima svoju vrijednost",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Upareno - gornja i donja strana povezane, lijeva i desna povezane",
-  "LIVE_DEV_STYLER_LINK_ALL": "Sve strane povezane - jedna vrijednost za svaku stranu",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknite za promjenu načina povezivanja strana",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Sve",
-  "LIVE_DEV_STYLER_DISPLAY": "Prikaz",
-  "LIVE_DEV_STYLER_DIRECTION": "Smjer",
-  "LIVE_DEV_STYLER_JUSTIFY": "Poravnanje",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Poravnanje stavki",
-  "LIVE_DEV_STYLER_WRAP": "Prelamanje",
-  "LIVE_DEV_STYLER_GAP": "Razmak",
-  "LIVE_DEV_STYLER_COLUMNS": "Stupci",
-  "LIVE_DEV_STYLER_ROWS": "Redci",
-  "LIVE_DEV_STYLER_POSITION": "Pozicija",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Linijski",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Linijski blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Linijski flex",
-  "LIVE_DEV_STYLER_GRID": "Mreža",
-  "LIVE_DEV_STYLER_HIDDEN": "Skriveno",
-  "LIVE_DEV_STYLER_ROW": "Redak",
-  "LIVE_DEV_STYLER_COLUMN": "Stupac",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrnuti redak",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrnuti stupac",
-  "LIVE_DEV_STYLER_START": "Početak",
-  "LIVE_DEV_STYLER_CENTER": "Sredina",
-  "LIVE_DEV_STYLER_END": "Kraj",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Razmak između",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Razmak okolo",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Ravnomjerni razmak",
-  "LIVE_DEV_STYLER_STRETCH": "Rastegni",
-  "LIVE_DEV_STYLER_BASELINE": "Osnovna linija",
-  "LIVE_DEV_STYLER_NO_WRAP": "Bez prijeloma",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrnuti prijelom",
-  "LIVE_DEV_STYLER_STATIC": "Statično",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativno",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Apsolutno",
-  "LIVE_DEV_STYLER_STICKY": "Ljepljivo",
-  "LIVE_DEV_STYLER_FIXED": "Fiksno",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Spremi promjene na",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "U liniji",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "izravno na elementu",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Utječe na {0} na stranici",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Novi stil…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novi stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasu „{0}” ovom elementu i sprema stil u {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Dodjeljuje ovom elementu ID „{0}” i sprema stil u {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sprema stil u {0} - stilizira samo ovaj element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sprema stil u {0} - stilizira {1} elemenata na stranici",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Drugi element već ima taj ID - pokušajte umjesto toga s klasom",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ovo se ne podudara s odabranim elementom, stoga ga vaše izmjene neće promijeniti",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilovi poput „:hover” još se ne mogu ovdje uređivati uživo",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To ne izgleda kao valjano ime stila - pokušajte s klasom poput .card ili ID-om poput #hero",
-  "LIVE_DEV_STYLER_CREATE": "Stvori",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "npr. .card ili #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Visina",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Veličina",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. širina",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. širina",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. visina",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. visina",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Prikaži min/maks ograničenja veličine",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sakrij ograničenja min/maks veličine",
-  "LIVE_DEV_STYLER_OPACITY": "Prozirnost",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Promijeni jedinicu - prebacuje između {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Povećaj {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Smanji {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Povećaj vrijednost",
-  "LIVE_DEV_STYLER_DECREASE": "Smanji vrijednost",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Odaberi boju sa stranice"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Prikaži traku sa stilovima kada su elementi odabrani u pregledu uživo. Zadana vrijednost je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana na koju se prikvači traka sa stilovima za pregled uživo: 'top', 'bottom', 'left' ili 'right'. Zadana vrijednost je 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Položaj prikvačivanja",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Premjesti traku ulijevo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Premjesti traku udesno",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na ovoj stranici",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Uobičajeno",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bijela",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrna",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Siva",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Crna",
+  "LIVE_DEV_STYLER_COLOR_RED": "Crvena",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narančasta",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatna",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žuta",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Maslinasta",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limeta",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelena",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Tirkizna",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cijan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Plava",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Mornarsko plava",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ljubičasta",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetna",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ružičasta",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Prikaži traku sa stilovima"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index 650766582f..1950e740bf 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Töröl",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Képgaléria",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "További opciók",
+  "LIVE_DEV_STYLER_BACKGROUND": "Háttérszín",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Szövegszín",
+  "LIVE_DEV_STYLER_FONT": "Betűtípus",
+  "LIVE_DEV_STYLER_SIZE": "Betűméret",
+  "LIVE_DEV_STYLER_WEIGHT": "Betűvastagság",
+  "LIVE_DEV_STYLER_ALIGN": "Szövegigazítás",
+  "LIVE_DEV_STYLER_BORDER": "Szegély",
+  "LIVE_DEV_STYLER_SPACING": "Margó és belső margó",
+  "LIVE_DEV_STYLER_LAYOUT": "Elrendezés",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Szövegstílus",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Áthelyezés felülre",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Áthelyezés alulra",
+  "LIVE_DEV_STYLER_RESET": "Változtatások visszaállítása",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nincs visszaállítható változtatás",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Kész",
+  "LIVE_DEV_STYLER_MIXED": "Vegyes",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Az oldalak eltérőek — szerkessze őket egyenként",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Betűtípusok keresése…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Rendszer",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Ezen az oldalon",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egyéni",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" használata",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nem található betűtípus",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Továbbiak betöltése",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Vékony",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra vékony",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Világos",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normál",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Közepes",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Félkövér",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kövér",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra kövér",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Fekete",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Sormagasság",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Betűköz",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Szóköz",
+  "LIVE_DEV_STYLER_CASE": "Kis- és nagybetűk",
+  "LIVE_DEV_STYLER_BOLD": "Félkövér",
+  "LIVE_DEV_STYLER_ITALIC": "Dőlt",
+  "LIVE_DEV_STYLER_UNDERLINE": "Aláhúzott",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Áthúzott",
+  "LIVE_DEV_STYLER_NONE": "Nincs",
+  "LIVE_DEV_STYLER_UPPERCASE": "Nagybetűs",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kisbetűs",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Nagy kezdőbetűs",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Balra igazítás",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Középre igazítás",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Jobbra igazítás",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Sorkizárt",
+  "LIVE_DEV_STYLER_CLEAR": "Törlés",
+  "LIVE_DEV_STYLER_RADIUS": "Sugár",
+  "LIVE_DEV_STYLER_WIDTH": "Szélesség",
+  "LIVE_DEV_STYLER_COLOR": "Szín",
+  "LIVE_DEV_STYLER_STYLE": "Stílus",
+  "LIVE_DEV_STYLER_SOLID": "Folytonos",
+  "LIVE_DEV_STYLER_DASHED": "Szaggatott",
+  "LIVE_DEV_STYLER_DOTTED": "Pontozott",
+  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
+  "LIVE_DEV_STYLER_OUTLINE": "Körvonal",
+  "LIVE_DEV_STYLER_OFFSET": "Eltolás",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Szegély és körvonal",
+  "LIVE_DEV_STYLER_SIDE": "Oldal",
+  "LIVE_DEV_STYLER_PADDING": "Belső margó",
+  "LIVE_DEV_STYLER_MARGIN": "Margó",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Az összes oldal együttes szerkesztése",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Az oldalak szerkesztése külön-külön",
+  "LIVE_DEV_STYLER_LINK_NONE": "Független oldalak – minden oldalnak saját értéke van",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Párosítva – a felső és alsó, valamint a bal és jobb oldal összekapcsolva",
+  "LIVE_DEV_STYLER_LINK_ALL": "Minden oldal összekapcsolva – egy érték minden oldalra",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kattintson az oldalak összekapcsolásának módosításához",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Összes",
+  "LIVE_DEV_STYLER_TOP": "Felső",
+  "LIVE_DEV_STYLER_RIGHT": "Jobb",
+  "LIVE_DEV_STYLER_BOTTOM": "Alsó",
+  "LIVE_DEV_STYLER_LEFT": "Bal",
+  "LIVE_DEV_STYLER_DISPLAY": "Megjelenítés",
+  "LIVE_DEV_STYLER_DIRECTION": "Irány",
+  "LIVE_DEV_STYLER_JUSTIFY": "Igazítás",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemek igazítása",
+  "LIVE_DEV_STYLER_WRAP": "Tördelés",
+  "LIVE_DEV_STYLER_GAP": "Hézag",
+  "LIVE_DEV_STYLER_COLUMNS": "Oszlopok",
+  "LIVE_DEV_STYLER_ROWS": "Sorok",
+  "LIVE_DEV_STYLER_POSITION": "Pozíció",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blokk",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blokk",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Soron belüli flex",
+  "LIVE_DEV_STYLER_GRID": "Rács",
+  "LIVE_DEV_STYLER_HIDDEN": "Rejtett",
+  "LIVE_DEV_STYLER_ROW": "Sor",
+  "LIVE_DEV_STYLER_COLUMN": "Oszlop",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Fordított sor",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Fordított oszlop",
+  "LIVE_DEV_STYLER_START": "Kezdet",
+  "LIVE_DEV_STYLER_CENTER": "Középre",
+  "LIVE_DEV_STYLER_END": "Vége",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Elosztás",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Körbeosztás",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Egyenletes elosztás",
+  "LIVE_DEV_STYLER_STRETCH": "Nyújtás",
+  "LIVE_DEV_STYLER_BASELINE": "Alapvonal",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nincs sortörés",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Fordított sortörés",
+  "LIVE_DEV_STYLER_STATIC": "Statikus",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatív",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Abszolút",
+  "LIVE_DEV_STYLER_STICKY": "Tapadó",
+  "LIVE_DEV_STYLER_FIXED": "Rögzített",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Változtatások mentése ide",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Beágyazott",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "közvetlenül az elemen",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "{0} elemet érint az oldalon",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Új stílus…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Új stílus",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Hozzáadja a „{0}” osztályt ehhez az elemhez, és a stílust a {1}-ba menti.",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "A „{0}” azonosítót adja ennek az elemnek, és a stílust a {1}-ba menti.",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "A stílust a(z) {0} fájlba menti – csak ezt az elemet formázza",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "A stílust a(z) {0} fájlba menti – {1} elemet formáz az oldalon",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Egy másik elem már használja ezt az azonosítót – használjon inkább osztályt.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ez nem egyezik a kiválasztott elemmel, így a módosításai nem lennének hatással rá.",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "A(z) „:hover” típusú stílusok itt egyelőre nem szerkeszthetők élőben.",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Ez nem tűnik érvényes stílusnévnek – próbáljon meg egy osztályt, például .card, vagy egy azonosítót, például #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Létrehozás",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "pl. .card vagy #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Magasság",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Méret",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. szélesség",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. szélesség",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. magasság",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. magasság",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min/max mérethatárok megjelenítése",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min/max mérethatárok elrejtése",
+  "LIVE_DEV_STYLER_OPACITY": "Átlátszóság",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mértékegység váltása – váltás a(z) {0} között",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} növelése",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} csökkentése",
+  "LIVE_DEV_STYLER_INCREASE": "Érték növelése",
+  "LIVE_DEV_STYLER_DECREASE": "Érték csökkentése",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kattintás: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Szín felvétele az oldalról",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Kivágás",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Másolás",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Beillesztés",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "LIVE_DEV_STYLER_BACKGROUND": "Háttérszín",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Szövegszín",
-  "LIVE_DEV_STYLER_FONT": "Betűtípus",
-  "LIVE_DEV_STYLER_SIZE": "Betűméret",
-  "LIVE_DEV_STYLER_WEIGHT": "Betűvastagság",
-  "LIVE_DEV_STYLER_ALIGN": "Szövegigazítás",
-  "LIVE_DEV_STYLER_BORDER": "Szegély",
-  "LIVE_DEV_STYLER_SPACING": "Margó és belső margó",
-  "LIVE_DEV_STYLER_LAYOUT": "Elrendezés",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Szövegstílus",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Áthelyezés felülre",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Áthelyezés alulra",
-  "LIVE_DEV_STYLER_RESET": "Változtatások visszaállítása",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nincs visszaállítható változtatás",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Kész",
-  "LIVE_DEV_STYLER_MIXED": "Vegyes",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Az oldalak eltérőek — szerkessze őket egyenként",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Betűtípusok keresése…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Rendszer",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Ezen az oldalon",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egyéni",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" használata",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nem található betűtípus",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Továbbiak betöltése",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Vékony",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra vékony",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Világos",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normál",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Közepes",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Félkövér",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kövér",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra kövér",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Fekete",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Sormagasság",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Betűköz",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Szóköz",
-  "LIVE_DEV_STYLER_CASE": "Kis- és nagybetűk",
-  "LIVE_DEV_STYLER_BOLD": "Félkövér",
-  "LIVE_DEV_STYLER_ITALIC": "Dőlt",
-  "LIVE_DEV_STYLER_UNDERLINE": "Aláhúzott",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Áthúzott",
-  "LIVE_DEV_STYLER_NONE": "Nincs",
-  "LIVE_DEV_STYLER_UPPERCASE": "Nagybetűs",
-  "LIVE_DEV_STYLER_LOWERCASE": "Kisbetűs",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Nagy kezdőbetűs",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Balra igazítás",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Középre igazítás",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Jobbra igazítás",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Sorkizárt",
-  "LIVE_DEV_STYLER_CLEAR": "Törlés",
-  "LIVE_DEV_STYLER_RADIUS": "Sugár",
-  "LIVE_DEV_STYLER_WIDTH": "Szélesség",
-  "LIVE_DEV_STYLER_COLOR": "Szín",
-  "LIVE_DEV_STYLER_STYLE": "Stílus",
-  "LIVE_DEV_STYLER_SOLID": "Folytonos",
-  "LIVE_DEV_STYLER_DASHED": "Szaggatott",
-  "LIVE_DEV_STYLER_DOTTED": "Pontozott",
-  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
-  "LIVE_DEV_STYLER_OUTLINE": "Körvonal",
-  "LIVE_DEV_STYLER_OFFSET": "Eltolás",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Szegély és körvonal",
-  "LIVE_DEV_STYLER_SIDE": "Oldal",
-  "LIVE_DEV_STYLER_PADDING": "Belső margó",
-  "LIVE_DEV_STYLER_MARGIN": "Margó",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Az összes oldal együttes szerkesztése",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Az oldalak szerkesztése külön-külön",
-  "LIVE_DEV_STYLER_LINK_NONE": "Független oldalak – minden oldalnak saját értéke van",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Párosítva – a felső és alsó, valamint a bal és jobb oldal összekapcsolva",
-  "LIVE_DEV_STYLER_LINK_ALL": "Minden oldal összekapcsolva – egy érték minden oldalra",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kattintson az oldalak összekapcsolásának módosításához",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Összes",
-  "LIVE_DEV_STYLER_TOP": "Felső",
-  "LIVE_DEV_STYLER_RIGHT": "Jobb",
-  "LIVE_DEV_STYLER_BOTTOM": "Alsó",
-  "LIVE_DEV_STYLER_LEFT": "Bal",
-  "LIVE_DEV_STYLER_DISPLAY": "Megjelenítés",
-  "LIVE_DEV_STYLER_DIRECTION": "Irány",
-  "LIVE_DEV_STYLER_JUSTIFY": "Igazítás",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elemek igazítása",
-  "LIVE_DEV_STYLER_WRAP": "Tördelés",
-  "LIVE_DEV_STYLER_GAP": "Hézag",
-  "LIVE_DEV_STYLER_COLUMNS": "Oszlopok",
-  "LIVE_DEV_STYLER_ROWS": "Sorok",
-  "LIVE_DEV_STYLER_POSITION": "Pozíció",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blokk",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-blokk",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Soron belüli flex",
-  "LIVE_DEV_STYLER_GRID": "Rács",
-  "LIVE_DEV_STYLER_HIDDEN": "Rejtett",
-  "LIVE_DEV_STYLER_ROW": "Sor",
-  "LIVE_DEV_STYLER_COLUMN": "Oszlop",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Fordított sor",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Fordított oszlop",
-  "LIVE_DEV_STYLER_START": "Kezdet",
-  "LIVE_DEV_STYLER_CENTER": "Középre",
-  "LIVE_DEV_STYLER_END": "Vége",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Elosztás",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Körbeosztás",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Egyenletes elosztás",
-  "LIVE_DEV_STYLER_STRETCH": "Nyújtás",
-  "LIVE_DEV_STYLER_BASELINE": "Alapvonal",
-  "LIVE_DEV_STYLER_NO_WRAP": "Nincs sortörés",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Fordított sortörés",
-  "LIVE_DEV_STYLER_STATIC": "Statikus",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatív",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Abszolút",
-  "LIVE_DEV_STYLER_STICKY": "Tapadó",
-  "LIVE_DEV_STYLER_FIXED": "Rögzített",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Változtatások mentése ide",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Beágyazott",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "közvetlenül az elemen",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "{0} elemet érint az oldalon",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Új stílus…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Új stílus",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Hozzáadja a „{0}” osztályt ehhez az elemhez, és a stílust a {1}-ba menti.",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "A „{0}” azonosítót adja ennek az elemnek, és a stílust a {1}-ba menti.",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "A stílust a(z) {0} fájlba menti – csak ezt az elemet formázza",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "A stílust a(z) {0} fájlba menti – {1} elemet formáz az oldalon",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Egy másik elem már használja ezt az azonosítót – használjon inkább osztályt.",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ez nem egyezik a kiválasztott elemmel, így a módosításai nem lennének hatással rá.",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "A(z) „:hover” típusú stílusok itt egyelőre nem szerkeszthetők élőben.",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Ez nem tűnik érvényes stílusnévnek – próbáljon meg egy osztályt, például .card, vagy egy azonosítót, például #hero.",
-  "LIVE_DEV_STYLER_CREATE": "Létrehozás",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "pl. .card vagy #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Magasság",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Méret",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. szélesség",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Max. szélesség",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. magasság",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max. magasság",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min/max mérethatárok megjelenítése",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min/max mérethatárok elrejtése",
-  "LIVE_DEV_STYLER_OPACITY": "Átlátszóság",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mértékegység váltása – váltás a(z) {0} között",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} növelése",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} csökkentése",
-  "LIVE_DEV_STYLER_INCREASE": "Érték növelése",
-  "LIVE_DEV_STYLER_DECREASE": "Érték csökkentése",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kattintás: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Szín felvétele az oldalról"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "A stílussáv megjelenítése, amikor elemek vannak kiválasztva az élő előnézetben. Alapértelmezés: 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Az élő előnézet stílussávjának dokkolási oldala: 'top', 'bottom', 'left' vagy 'right'. Alapértelmezés: 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Dokkolási pozíció",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Sáv áthelyezése balra",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sáv áthelyezése jobbra",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Az oldalon",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Gyakori",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Fehér",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Ezüst",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Szürke",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Fekete",
+  "LIVE_DEV_STYLER_COLOR_RED": "Piros",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordó",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narancssárga",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Arany",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sárga",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olíva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zöld",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Pávakék",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cián",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Kék",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Tengerészkék",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigó",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Ibolya",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rózsaszín",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stílussáv megjelenítése"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index 220ab80209..dfa79b30cd 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Hapus",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeri Gambar",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Opsi Lainnya",
+  "LIVE_DEV_STYLER_BACKGROUND": "Warna latar belakang",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Warna teks",
+  "LIVE_DEV_STYLER_FONT": "Jenis font",
+  "LIVE_DEV_STYLER_SIZE": "Ukuran font",
+  "LIVE_DEV_STYLER_WEIGHT": "Ketebalan font",
+  "LIVE_DEV_STYLER_ALIGN": "Perataan teks",
+  "LIVE_DEV_STYLER_BORDER": "Garis tepi",
+  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
+  "LIVE_DEV_STYLER_LAYOUT": "Tata letak",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Gaya teks",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pindahkan bilah ke atas",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pindahkan bilah ke bawah",
+  "LIVE_DEV_STYLER_RESET": "Atur ulang perubahan",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Tidak ada perubahan untuk diatur ulang",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Selesai",
+  "LIVE_DEV_STYLER_MIXED": "Campuran",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sisi berbeda — sunting setiap sisi secara terpisah",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cari font…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Di halaman ini",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Kustom",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gunakan \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Tidak ada font yang ditemukan",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Muat lebih banyak",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tipis",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra Ringan",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ringan",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Reguler",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tebal",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Tebal",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sangat Tebal",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Tinggi baris",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Jarak huruf",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Jarak kata",
+  "LIVE_DEV_STYLER_CASE": "Kapitalisasi",
+  "LIVE_DEV_STYLER_BOLD": "Tebal",
+  "LIVE_DEV_STYLER_ITALIC": "Miring",
+  "LIVE_DEV_STYLER_UNDERLINE": "Garis bawah",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Coret",
+  "LIVE_DEV_STYLER_NONE": "Tidak ada",
+  "LIVE_DEV_STYLER_UPPERCASE": "Huruf besar",
+  "LIVE_DEV_STYLER_LOWERCASE": "Huruf kecil",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisasi",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Rata kiri",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Rata tengah",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rata kanan",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Rata kanan-kiri",
+  "LIVE_DEV_STYLER_CLEAR": "Hapus",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Lebar",
+  "LIVE_DEV_STYLER_COLOR": "Warna",
+  "LIVE_DEV_STYLER_STYLE": "Gaya",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Garis putus-putus",
+  "LIVE_DEV_STYLER_DOTTED": "Bertitik",
+  "LIVE_DEV_STYLER_DOUBLE": "Ganda",
+  "LIVE_DEV_STYLER_OUTLINE": "Garis Luar",
+  "LIVE_DEV_STYLER_OFFSET": "Ofset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Garis Tepi & Garis Luar",
+  "LIVE_DEV_STYLER_SIDE": "Sisi",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit semua sisi bersamaan",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sisi secara terpisah",
+  "LIVE_DEV_STYLER_LINK_NONE": "Sisi independen - setiap sisi memiliki nilainya sendiri",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Berpasangan - atas & bawah ditautkan, kiri & kanan ditautkan",
+  "LIVE_DEV_STYLER_LINK_ALL": "Semua sisi ditautkan - satu nilai untuk setiap sisi",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik untuk mengubah cara sisi ditautkan",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Semua",
   "LIVE_DEV_STYLER_TOP": "Atas",
   "LIVE_DEV_STYLER_RIGHT": "Kanan",
   "LIVE_DEV_STYLER_BOTTOM": "Bawah",
   "LIVE_DEV_STYLER_LEFT": "Kiri",
+  "LIVE_DEV_STYLER_DISPLAY": "Tampilan",
+  "LIVE_DEV_STYLER_DIRECTION": "Arah",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Sejajarkan item",
+  "LIVE_DEV_STYLER_WRAP": "Bungkus",
+  "LIVE_DEV_STYLER_GAP": "Jarak",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolom",
+  "LIVE_DEV_STYLER_ROWS": "Baris",
+  "LIVE_DEV_STYLER_POSITION": "Posisi",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blok Inline",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Tersembunyi",
+  "LIVE_DEV_STYLER_ROW": "Baris",
+  "LIVE_DEV_STYLER_COLUMN": "Kolom",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Baris Terbalik",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom Terbalik",
+  "LIVE_DEV_STYLER_START": "Awal",
+  "LIVE_DEV_STYLER_CENTER": "Tengah",
+  "LIVE_DEV_STYLER_END": "Akhir",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spasi Di Antara",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spasi Di Sekitar",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spasi Merata",
+  "LIVE_DEV_STYLER_STRETCH": "Regangkan",
+  "LIVE_DEV_STYLER_BASELINE": "Garis Dasar",
+  "LIVE_DEV_STYLER_NO_WRAP": "Tanpa Wrap",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Terbalik",
+  "LIVE_DEV_STYLER_STATIC": "Statis",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatif",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Tetap",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Simpan perubahan ke",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "langsung pada elemen",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Memengaruhi {0} di halaman",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Gaya baru...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Gaya baru",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Menambahkan kelas \"{0}\" ke elemen ini dan menyimpan gaya di {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Memberikan id \"{0}\" pada elemen ini dan menyimpan gaya di {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Menyimpan gaya di {0} - hanya menata gaya elemen ini",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Menyimpan gaya di {0} - menata gaya {1} elemen di halaman",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Elemen lain sudah memiliki id tersebut - coba gunakan kelas",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ini tidak cocok dengan elemen yang dipilih, jadi editan Anda tidak akan mengubahnya",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Gaya seperti \":hover\" belum bisa diedit secara langsung di sini",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Itu sepertinya bukan nama gaya yang valid - coba kelas seperti .card atau id seperti #hero",
+  "LIVE_DEV_STYLER_CREATE": "Buat",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "cth. .card atau #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Tinggi",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Ukuran",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Lebar min",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Lebar maks",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Tinggi min",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Tinggi maks",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Tampilkan batas ukuran min / maks",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sembunyikan batas ukuran min / maks",
+  "LIVE_DEV_STYLER_OPACITY": "Opasitas",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ubah unit - beralih antara {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Tingkatkan {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Kurangi {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Tingkatkan nilai",
+  "LIVE_DEV_STYLER_DECREASE": "Kurangi nilai",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Ambil warna dari halaman",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Potong",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Salin",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Tempel",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "LIVE_DEV_STYLER_BACKGROUND": "Warna latar belakang",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Warna teks",
-  "LIVE_DEV_STYLER_FONT": "Jenis font",
-  "LIVE_DEV_STYLER_SIZE": "Ukuran font",
-  "LIVE_DEV_STYLER_WEIGHT": "Ketebalan font",
-  "LIVE_DEV_STYLER_ALIGN": "Perataan teks",
-  "LIVE_DEV_STYLER_BORDER": "Garis tepi",
-  "LIVE_DEV_STYLER_SPACING": "Margin & padding",
-  "LIVE_DEV_STYLER_LAYOUT": "Tata letak",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Gaya teks",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Pindahkan bilah ke atas",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pindahkan bilah ke bawah",
-  "LIVE_DEV_STYLER_RESET": "Atur ulang perubahan",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Tidak ada perubahan untuk diatur ulang",
-  "LIVE_DEV_STYLER_MIXED": "Campuran",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Sisi berbeda — sunting setiap sisi secara terpisah",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cari font…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Di halaman ini",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Kustom",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gunakan \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Tidak ada font yang ditemukan",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Muat lebih banyak",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tipis",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra Ringan",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ringan",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Reguler",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semibold",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tebal",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Tebal",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Sangat Tebal",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Tinggi baris",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Jarak huruf",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Jarak kata",
-  "LIVE_DEV_STYLER_CASE": "Kapitalisasi",
-  "LIVE_DEV_STYLER_BOLD": "Tebal",
-  "LIVE_DEV_STYLER_ITALIC": "Miring",
-  "LIVE_DEV_STYLER_UNDERLINE": "Garis bawah",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Coret",
-  "LIVE_DEV_STYLER_NONE": "Tidak ada",
-  "LIVE_DEV_STYLER_UPPERCASE": "Huruf besar",
-  "LIVE_DEV_STYLER_LOWERCASE": "Huruf kecil",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisasi",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Rata kiri",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Rata tengah",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rata kanan",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Rata kanan-kiri",
-  "LIVE_DEV_STYLER_CLEAR": "Hapus",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Lebar",
-  "LIVE_DEV_STYLER_COLOR": "Warna",
-  "LIVE_DEV_STYLER_STYLE": "Gaya",
-  "LIVE_DEV_STYLER_SOLID": "Solid",
-  "LIVE_DEV_STYLER_DASHED": "Garis putus-putus",
-  "LIVE_DEV_STYLER_DOTTED": "Bertitik",
-  "LIVE_DEV_STYLER_DOUBLE": "Ganda",
-  "LIVE_DEV_STYLER_OUTLINE": "Garis Luar",
-  "LIVE_DEV_STYLER_OFFSET": "Ofset",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Garis Tepi & Garis Luar",
-  "LIVE_DEV_STYLER_SIDE": "Sisi",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margin",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Edit semua sisi bersamaan",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edit sisi secara terpisah",
-  "LIVE_DEV_STYLER_LINK_NONE": "Sisi independen - setiap sisi memiliki nilainya sendiri",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Berpasangan - atas & bawah ditautkan, kiri & kanan ditautkan",
-  "LIVE_DEV_STYLER_LINK_ALL": "Semua sisi ditautkan - satu nilai untuk setiap sisi",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik untuk mengubah cara sisi ditautkan",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Semua",
-  "LIVE_DEV_STYLER_DISPLAY": "Tampilan",
-  "LIVE_DEV_STYLER_DIRECTION": "Arah",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justify",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Sejajarkan item",
-  "LIVE_DEV_STYLER_WRAP": "Bungkus",
-  "LIVE_DEV_STYLER_GAP": "Jarak",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolom",
-  "LIVE_DEV_STYLER_ROWS": "Baris",
-  "LIVE_DEV_STYLER_POSITION": "Posisi",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blok Inline",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Tersembunyi",
-  "LIVE_DEV_STYLER_ROW": "Baris",
-  "LIVE_DEV_STYLER_COLUMN": "Kolom",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Baris Terbalik",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom Terbalik",
-  "LIVE_DEV_STYLER_START": "Awal",
-  "LIVE_DEV_STYLER_CENTER": "Tengah",
-  "LIVE_DEV_STYLER_END": "Akhir",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spasi Di Antara",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Spasi Di Sekitar",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spasi Merata",
-  "LIVE_DEV_STYLER_STRETCH": "Regangkan",
-  "LIVE_DEV_STYLER_BASELINE": "Garis Dasar",
-  "LIVE_DEV_STYLER_NO_WRAP": "Tanpa Wrap",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Wrap Terbalik",
-  "LIVE_DEV_STYLER_STATIC": "Statis",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatif",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Tetap",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Simpan perubahan ke",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "langsung pada elemen",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Memengaruhi {0} di halaman",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Gaya baru...",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Gaya baru",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Menambahkan kelas \"{0}\" ke elemen ini dan menyimpan gaya di {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Memberikan id \"{0}\" pada elemen ini dan menyimpan gaya di {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Menyimpan gaya di {0} - hanya menata gaya elemen ini",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Menyimpan gaya di {0} - menata gaya {1} elemen di halaman",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Elemen lain sudah memiliki id tersebut - coba gunakan kelas",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ini tidak cocok dengan elemen yang dipilih, jadi editan Anda tidak akan mengubahnya",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Gaya seperti \":hover\" belum bisa diedit secara langsung di sini",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Itu sepertinya bukan nama gaya yang valid - coba kelas seperti .card atau id seperti #hero",
-  "LIVE_DEV_STYLER_CREATE": "Buat",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "cth. .card atau #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Tinggi",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Ukuran",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Lebar min",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Lebar maks",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Tinggi min",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Tinggi maks",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Tampilkan batas ukuran min / maks",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Sembunyikan batas ukuran min / maks",
-  "LIVE_DEV_STYLER_OPACITY": "Opasitas",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ubah unit - beralih antara {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Tingkatkan {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Kurangi {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Tingkatkan nilai",
-  "LIVE_DEV_STYLER_DECREASE": "Kurangi nilai",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Ambil warna dari halaman"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Tampilkan bilah gaya saat elemen dipilih di pratinjau langsung. Bawaannya 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Sisi tempat bilah gaya pratinjau langsung menempel: 'atas', 'bawah', 'kiri' atau 'kanan'. Bawaannya 'bawah'",
+  "LIVE_DEV_STYLER_DOCK": "Posisi penempelan",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Pindahkan bilah ke kiri",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pindahkan bilah ke kanan",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Di halaman ini",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Umum",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Putih",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Perak",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Abu-abu",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Hitam",
+  "LIVE_DEV_STYLER_COLOR_RED": "Merah",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Merah Marun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranye",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Emas",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Kuning",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zaitun",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Hijau Limau",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Hijau",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Hijau Kebiruan",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Sian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Biru",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Biru Dongker",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Nila",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ungu",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Merah Muda",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Tampilkan Bilah Gaya"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 641e3d2092..853c895d5f 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Elimina",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galleria immagini",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Altre opzioni",
+  "LIVE_DEV_STYLER_BACKGROUND": "Colore di sfondo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Colore del testo",
+  "LIVE_DEV_STYLER_FONT": "Famiglia font",
+  "LIVE_DEV_STYLER_SIZE": "Dimensione font",
+  "LIVE_DEV_STYLER_WEIGHT": "Spessore font",
+  "LIVE_DEV_STYLER_ALIGN": "Allineamento del testo",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Margine e riempimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stile del testo",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Sposta barra in alto",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Sposta barra in basso",
+  "LIVE_DEV_STYLER_RESET": "Ripristina modifiche",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nessuna modifica da ripristinare",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Fatto",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Lati diversi: modifica ogni lato separatamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cerca font…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "In questa pagina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizzato",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usa \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nessun carattere trovato",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carica altro",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Sottile",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra leggero",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leggero",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normale",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrassetto",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Grassetto",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Grassetto",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Nero",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinea",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Spaziatura lettere",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Spaziatura parole",
+  "LIVE_DEV_STYLER_CASE": "Maiuscole/minuscole",
+  "LIVE_DEV_STYLER_BOLD": "Grassetto",
+  "LIVE_DEV_STYLER_ITALIC": "Corsivo",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sottolineato",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barrato",
+  "LIVE_DEV_STYLER_NONE": "Nessuno",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiuscolo",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscolo",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Iniziali maiuscole",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Allinea a sinistra",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Allinea al centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Allinea a destra",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Giustifica",
+  "LIVE_DEV_STYLER_CLEAR": "Cancella",
+  "LIVE_DEV_STYLER_RADIUS": "Raggio",
+  "LIVE_DEV_STYLER_WIDTH": "Larghezza",
+  "LIVE_DEV_STYLER_COLOR": "Colore",
+  "LIVE_DEV_STYLER_STYLE": "Stile",
+  "LIVE_DEV_STYLER_SOLID": "Solido",
+  "LIVE_DEV_STYLER_DASHED": "Tratteggiato",
+  "LIVE_DEV_STYLER_DOTTED": "Punteggiato",
+  "LIVE_DEV_STYLER_DOUBLE": "Doppio",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Scostamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lato",
+  "LIVE_DEV_STYLER_PADDING": "Spaziatura interna",
+  "LIVE_DEV_STYLER_MARGIN": "Margine",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifica tutti i lati insieme",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifica i lati singolarmente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lati indipendenti - ogni lato ha il proprio valore",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Accoppiati - alto e basso collegati, sinistra e destra collegati",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tutti i lati collegati - un unico valore per tutti i lati",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Fai clic per modificare la modalità di collegamento dei lati",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tutti",
   "LIVE_DEV_STYLER_TOP": "Superiore",
   "LIVE_DEV_STYLER_RIGHT": "Destra",
   "LIVE_DEV_STYLER_BOTTOM": "Inferiore",
   "LIVE_DEV_STYLER_LEFT": "Sinistra",
+  "LIVE_DEV_STYLER_DISPLAY": "Visualizzazione",
+  "LIVE_DEV_STYLER_DIRECTION": "Direzione",
+  "LIVE_DEV_STYLER_JUSTIFY": "Giustificazione",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Allinea elementi",
+  "LIVE_DEV_STYLER_WRAP": "A capo",
+  "LIVE_DEV_STYLER_GAP": "Spaziatura",
+  "LIVE_DEV_STYLER_COLUMNS": "Colonne",
+  "LIVE_DEV_STYLER_ROWS": "Righe",
+  "LIVE_DEV_STYLER_POSITION": "Posizione",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blocco",
+  "LIVE_DEV_STYLER_INLINE": "In linea",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blocco in linea",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex in linea",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Nascosto",
+  "LIVE_DEV_STYLER_ROW": "Riga",
+  "LIVE_DEV_STYLER_COLUMN": "Colonna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Riga inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonna inversa",
+  "LIVE_DEV_STYLER_START": "Inizio",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
   "LIVE_DEV_STYLER_END": "Fine",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spazio tra",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spazio attorno",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spazio uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Estendi",
+  "LIVE_DEV_STYLER_BASELINE": "Linea di base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Nessun a capo",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "A capo inverso",
+  "LIVE_DEV_STYLER_STATIC": "Statico",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Assoluto",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fisso",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salva modifiche in",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "In linea",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direttamente sull'elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Influisce su {0} nella pagina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nuovo stile…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuovo stile",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Aggiunge la classe \"{0}\" a questo elemento e salva lo stile in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Assegna a questo elemento l'ID \"{0}\" e salva lo stile in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva lo stile in {0} - applica lo stile solo a questo elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva lo stile in {0} - applica lo stile a {1} elementi nella pagina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un altro elemento ha già quell'ID. Prova invece con una classe.",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Questo non corrisponde all'elemento selezionato, quindi le tue modifiche non avranno effetto",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stili come \":hover\" non possono ancora essere modificati in tempo reale qui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Questo non sembra un nome di stile valido. Prova con una classe come .card o un ID come #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Crea",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "es. .card o #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altezza",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensioni",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Larghezza minima",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Larghezza massima",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altezza minima",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altezza massima",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostra limiti di dimensione min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Nascondi limiti di dimensione min/max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacità",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambia unità - passa tra {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumenta {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuisci {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumenta valore",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuisci valore",
+  "LIVE_DEV_STYLER_STEP_HINT": "Maiusc + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Seleziona colore dalla pagina",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Taglia",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copia",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Incolla",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "LIVE_DEV_STYLER_BACKGROUND": "Colore di sfondo",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Colore del testo",
-  "LIVE_DEV_STYLER_FONT": "Famiglia font",
-  "LIVE_DEV_STYLER_SIZE": "Dimensione font",
-  "LIVE_DEV_STYLER_WEIGHT": "Spessore font",
-  "LIVE_DEV_STYLER_ALIGN": "Allineamento del testo",
-  "LIVE_DEV_STYLER_BORDER": "Bordo",
-  "LIVE_DEV_STYLER_SPACING": "Margine e riempimento",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Stile del testo",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Sposta barra in alto",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Sposta barra in basso",
-  "LIVE_DEV_STYLER_RESET": "Ripristina modifiche",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nessuna modifica da ripristinare",
-  "LIVE_DEV_STYLER_MIXED": "Misto",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Lati diversi: modifica ogni lato separatamente",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Cerca font…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "In questa pagina",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizzato",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usa \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nessun carattere trovato",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Carica altro",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Sottile",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra leggero",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leggero",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normale",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medio",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semigrassetto",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Grassetto",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Grassetto",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Nero",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinea",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Spaziatura lettere",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Spaziatura parole",
-  "LIVE_DEV_STYLER_CASE": "Maiuscole/minuscole",
-  "LIVE_DEV_STYLER_BOLD": "Grassetto",
-  "LIVE_DEV_STYLER_ITALIC": "Corsivo",
-  "LIVE_DEV_STYLER_UNDERLINE": "Sottolineato",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Barrato",
-  "LIVE_DEV_STYLER_NONE": "Nessuno",
-  "LIVE_DEV_STYLER_UPPERCASE": "Maiuscolo",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minuscolo",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Iniziali maiuscole",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Allinea a sinistra",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Allinea al centro",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Allinea a destra",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Giustifica",
-  "LIVE_DEV_STYLER_CLEAR": "Cancella",
-  "LIVE_DEV_STYLER_RADIUS": "Raggio",
-  "LIVE_DEV_STYLER_WIDTH": "Larghezza",
-  "LIVE_DEV_STYLER_COLOR": "Colore",
-  "LIVE_DEV_STYLER_STYLE": "Stile",
-  "LIVE_DEV_STYLER_SOLID": "Solido",
-  "LIVE_DEV_STYLER_DASHED": "Tratteggiato",
-  "LIVE_DEV_STYLER_DOTTED": "Punteggiato",
-  "LIVE_DEV_STYLER_DOUBLE": "Doppio",
-  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
-  "LIVE_DEV_STYLER_OFFSET": "Scostamento",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e contorno",
-  "LIVE_DEV_STYLER_SIDE": "Lato",
-  "LIVE_DEV_STYLER_PADDING": "Spaziatura interna",
-  "LIVE_DEV_STYLER_MARGIN": "Margine",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Modifica tutti i lati insieme",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Modifica i lati singolarmente",
-  "LIVE_DEV_STYLER_LINK_NONE": "Lati indipendenti - ogni lato ha il proprio valore",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Accoppiati - alto e basso collegati, sinistra e destra collegati",
-  "LIVE_DEV_STYLER_LINK_ALL": "Tutti i lati collegati - un unico valore per tutti i lati",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Fai clic per modificare la modalità di collegamento dei lati",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Tutti",
-  "LIVE_DEV_STYLER_DISPLAY": "Visualizzazione",
-  "LIVE_DEV_STYLER_DIRECTION": "Direzione",
-  "LIVE_DEV_STYLER_JUSTIFY": "Giustificazione",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Allinea elementi",
-  "LIVE_DEV_STYLER_WRAP": "A capo",
-  "LIVE_DEV_STYLER_GAP": "Spaziatura",
-  "LIVE_DEV_STYLER_COLUMNS": "Colonne",
-  "LIVE_DEV_STYLER_ROWS": "Righe",
-  "LIVE_DEV_STYLER_POSITION": "Posizione",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blocco",
-  "LIVE_DEV_STYLER_INLINE": "In linea",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Blocco in linea",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex in linea",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Nascosto",
-  "LIVE_DEV_STYLER_ROW": "Riga",
-  "LIVE_DEV_STYLER_COLUMN": "Colonna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Riga inversa",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Colonna inversa",
-  "LIVE_DEV_STYLER_START": "Inizio",
-  "LIVE_DEV_STYLER_CENTER": "Centro",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spazio tra",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Spazio attorno",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spazio uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Estendi",
-  "LIVE_DEV_STYLER_BASELINE": "Linea di base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Nessun a capo",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "A capo inverso",
-  "LIVE_DEV_STYLER_STATIC": "Statico",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Assoluto",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Fisso",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Salva modifiche in",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "In linea",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direttamente sull'elemento",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Influisce su {0} nella pagina",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nuovo stile…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nuovo stile",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Aggiunge la classe \"{0}\" a questo elemento e salva lo stile in {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Assegna a questo elemento l'ID \"{0}\" e salva lo stile in {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva lo stile in {0} - applica lo stile solo a questo elemento",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva lo stile in {0} - applica lo stile a {1} elementi nella pagina",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un altro elemento ha già quell'ID. Prova invece con una classe.",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Questo non corrisponde all'elemento selezionato, quindi le tue modifiche non avranno effetto",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stili come \":hover\" non possono ancora essere modificati in tempo reale qui",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Questo non sembra un nome di stile valido. Prova con una classe come .card o un ID come #hero.",
-  "LIVE_DEV_STYLER_CREATE": "Crea",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "es. .card o #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Altezza",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensioni",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Larghezza minima",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Larghezza massima",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altezza minima",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altezza massima",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostra limiti di dimensione min/max",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Nascondi limiti di dimensione min/max",
-  "LIVE_DEV_STYLER_OPACITY": "Opacità",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Cambia unità - passa tra {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumenta {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuisci {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Aumenta valore",
-  "LIVE_DEV_STYLER_DECREASE": "Diminuisci valore",
-  "LIVE_DEV_STYLER_STEP_HINT": "Maiusc + Clic: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Seleziona colore dalla pagina"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostra la barra degli stili quando gli elementi sono selezionati nell'anteprima dal vivo. Il valore predefinito è 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lato a cui si aggancia la barra degli stili dell'anteprima dal vivo: 'top', 'bottom', 'left' o 'right'. Il valore predefinito è 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Posizione di aggancio",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Sposta la barra a sinistra",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sposta la barra a destra",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Su questa pagina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuni",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bianco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argento",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grigio",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Nero",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rosso",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Marrone",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Arancione",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Oro",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Giallo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde acqua",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blu",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Blu navy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indaco",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Viola",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetto",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostra barra degli stili"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index c844616fb4..ba4f754f2c 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "削除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "画像ギャラリー",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "その他のオプション",
+  "LIVE_DEV_STYLER_BACKGROUND": "背景色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文字色",
+  "LIVE_DEV_STYLER_FONT": "フォントファミリー",
+  "LIVE_DEV_STYLER_SIZE": "フォントサイズ",
+  "LIVE_DEV_STYLER_WEIGHT": "フォントの太さ",
+  "LIVE_DEV_STYLER_ALIGN": "文字揃え",
+  "LIVE_DEV_STYLER_BORDER": "ボーダー",
+  "LIVE_DEV_STYLER_SPACING": "マージンとパディング",
+  "LIVE_DEV_STYLER_LAYOUT": "レイアウト",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文字スタイル",
+  "LIVE_DEV_STYLER_DOCK_TOP": "バーを上部に移動",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "バーを下部に移動",
+  "LIVE_DEV_STYLER_RESET": "変更をリセット",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "リセットする変更はありません",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完了",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "側面で値が異なります — 各側面を個別に編集してください",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "フォントを検索…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "グーグル",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "システム",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "このページ",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "カスタム",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "「{0}」を使用",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "フォントが見つかりません",
+  "LIVE_DEV_STYLER_LOAD_MORE": "さらに読み込む",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "極細",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "エキストラライト",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細字",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中字",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "中太",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "太字",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "極太",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ブラック",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行の高さ",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "文字間隔",
+  "LIVE_DEV_STYLER_WORD_SPACING": "単語間隔",
+  "LIVE_DEV_STYLER_CASE": "大文字/小文字",
+  "LIVE_DEV_STYLER_BOLD": "太字",
+  "LIVE_DEV_STYLER_ITALIC": "斜体",
+  "LIVE_DEV_STYLER_UNDERLINE": "下線",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "取り消し線",
+  "LIVE_DEV_STYLER_NONE": "なし",
+  "LIVE_DEV_STYLER_UPPERCASE": "大文字",
+  "LIVE_DEV_STYLER_LOWERCASE": "小文字",
+  "LIVE_DEV_STYLER_CAPITALIZE": "キャピタライズ",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "左揃え",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "中央揃え",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右揃え",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "両端揃え",
   "LIVE_DEV_STYLER_CLEAR": "消去",
+  "LIVE_DEV_STYLER_RADIUS": "半径",
+  "LIVE_DEV_STYLER_WIDTH": "幅",
+  "LIVE_DEV_STYLER_COLOR": "カラー",
+  "LIVE_DEV_STYLER_STYLE": "スタイル",
+  "LIVE_DEV_STYLER_SOLID": "実線",
+  "LIVE_DEV_STYLER_DASHED": "破線",
+  "LIVE_DEV_STYLER_DOTTED": "点線",
+  "LIVE_DEV_STYLER_DOUBLE": "二重線",
+  "LIVE_DEV_STYLER_OUTLINE": "アウトライン",
+  "LIVE_DEV_STYLER_OFFSET": "オフセット",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ボーダーとアウトライン",
+  "LIVE_DEV_STYLER_SIDE": "サイド",
+  "LIVE_DEV_STYLER_PADDING": "パディング",
+  "LIVE_DEV_STYLER_MARGIN": "マージン",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "全サイドをまとめて編集",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "各サイドを個別に編集",
+  "LIVE_DEV_STYLER_LINK_NONE": "個別 - 各サイドが固有の値を持ちます",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "ペア - 上下、左右が連動",
+  "LIVE_DEV_STYLER_LINK_ALL": "全サイド連動 - すべてのサイドで同じ値を使用",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "クリックしてサイドの連動方法を切り替え",
+  "LIVE_DEV_STYLER_ALL_SIDES": "すべて",
   "LIVE_DEV_STYLER_TOP": "上",
   "LIVE_DEV_STYLER_RIGHT": "右",
   "LIVE_DEV_STYLER_BOTTOM": "下",
   "LIVE_DEV_STYLER_LEFT": "左",
+  "LIVE_DEV_STYLER_DISPLAY": "表示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "行揃え",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "アイテムの配置",
+  "LIVE_DEV_STYLER_WRAP": "折り返し",
+  "LIVE_DEV_STYLER_GAP": "ギャップ",
+  "LIVE_DEV_STYLER_COLUMNS": "カラム",
+  "LIVE_DEV_STYLER_ROWS": "行",
+  "LIVE_DEV_STYLER_POSITION": "配置",
+  "LIVE_DEV_STYLER_Z_INDEX": "Zインデックス",
+  "LIVE_DEV_STYLER_BLOCK": "ブロック",
+  "LIVE_DEV_STYLER_INLINE": "インライン",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "インラインブロック",
+  "LIVE_DEV_STYLER_FLEX": "フレックス",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "インラインフレックス",
+  "LIVE_DEV_STYLER_GRID": "グリッド",
+  "LIVE_DEV_STYLER_HIDDEN": "非表示",
+  "LIVE_DEV_STYLER_ROW": "行",
+  "LIVE_DEV_STYLER_COLUMN": "列",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "行（逆順）",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列の逆順",
+  "LIVE_DEV_STYLER_START": "先頭",
+  "LIVE_DEV_STYLER_CENTER": "中央",
   "LIVE_DEV_STYLER_END": "終了",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "両端揃え",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "均等配置",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "均等間隔",
+  "LIVE_DEV_STYLER_STRETCH": "引き伸ばし",
+  "LIVE_DEV_STYLER_BASELINE": "ベースライン",
+  "LIVE_DEV_STYLER_NO_WRAP": "折り返しなし",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "折り返し（逆順）",
+  "LIVE_DEV_STYLER_STATIC": "スタティック",
+  "LIVE_DEV_STYLER_RELATIVE": "リラティブ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "アブソリュート",
+  "LIVE_DEV_STYLER_STICKY": "スティッキー",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "変更の適用先",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "インライン",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "要素に直接",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ページ内の{0}に影響",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新規スタイル…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新しいスタイル",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "この要素にクラス「{0}」を追加し、スタイルを {1} に保存します",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "この要素に ID「{0}」を付与し、スタイルを {1} に保存します",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "スタイルを {0} に保存します - この要素のみにスタイルが適用されます",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "スタイルを {0} に保存します - ページ上の {1} 個の要素にスタイルが適用されます",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "別の要素がすでにその ID を使用しています - 代わりにクラスを使用してください",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "これは選択された要素と一致しないため、編集内容は反映されません",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "「:hover」のようなスタイルは、ここではまだライブ編集できません",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "有効なスタイル名ではないようです - 「.card」のようなクラスや「#hero」のような ID をお試しください",
+  "LIVE_DEV_STYLER_CREATE": "作成",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例：.card または #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高さ",
+  "LIVE_DEV_STYLER_SIZE_TAB": "サイズ",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小幅",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大幅",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小の高さ",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大の高さ",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "最小/最大サイズ制限を表示",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "最小/最大サイズ制限を非表示",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "単位の切り替え: {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0}を増加",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0}を減少",
+  "LIVE_DEV_STYLER_INCREASE": "値を増加",
+  "LIVE_DEV_STYLER_DECREASE": "値を減少",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + クリック: 10倍",
+  "LIVE_DEV_STYLER_EYEDROPPER": "ページから色を選択",
   "LIVE_DEV_MORE_OPTIONS_CUT": "カット",
   "LIVE_DEV_MORE_OPTIONS_COPY": "コピー",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "ペースト",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "LIVE_DEV_STYLER_BACKGROUND": "背景色",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "文字色",
-  "LIVE_DEV_STYLER_FONT": "フォントファミリー",
-  "LIVE_DEV_STYLER_SIZE": "フォントサイズ",
-  "LIVE_DEV_STYLER_WEIGHT": "フォントの太さ",
-  "LIVE_DEV_STYLER_ALIGN": "文字揃え",
-  "LIVE_DEV_STYLER_BORDER": "ボーダー",
-  "LIVE_DEV_STYLER_SPACING": "マージンとパディング",
-  "LIVE_DEV_STYLER_LAYOUT": "レイアウト",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "文字スタイル",
-  "LIVE_DEV_STYLER_DOCK_TOP": "バーを上部に移動",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "バーを下部に移動",
-  "LIVE_DEV_STYLER_RESET": "変更をリセット",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "リセットする変更はありません",
-  "LIVE_DEV_STYLER_MIXED": "混合",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "側面で値が異なります — 各側面を個別に編集してください",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "フォントを検索…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "グーグル",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "システム",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "このページ",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "カスタム",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "「{0}」を使用",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "フォントが見つかりません",
-  "LIVE_DEV_STYLER_LOAD_MORE": "さらに読み込む",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "極細",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "エキストラライト",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細字",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中字",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "中太",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "太字",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "極太",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ブラック",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "行の高さ",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "文字間隔",
-  "LIVE_DEV_STYLER_WORD_SPACING": "単語間隔",
-  "LIVE_DEV_STYLER_CASE": "大文字/小文字",
-  "LIVE_DEV_STYLER_BOLD": "太字",
-  "LIVE_DEV_STYLER_ITALIC": "斜体",
-  "LIVE_DEV_STYLER_UNDERLINE": "下線",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "取り消し線",
-  "LIVE_DEV_STYLER_NONE": "なし",
-  "LIVE_DEV_STYLER_UPPERCASE": "大文字",
-  "LIVE_DEV_STYLER_LOWERCASE": "小文字",
-  "LIVE_DEV_STYLER_CAPITALIZE": "キャピタライズ",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "左揃え",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "中央揃え",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右揃え",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "両端揃え",
-  "LIVE_DEV_STYLER_RADIUS": "半径",
-  "LIVE_DEV_STYLER_WIDTH": "幅",
-  "LIVE_DEV_STYLER_COLOR": "カラー",
-  "LIVE_DEV_STYLER_STYLE": "スタイル",
-  "LIVE_DEV_STYLER_SOLID": "実線",
-  "LIVE_DEV_STYLER_DASHED": "破線",
-  "LIVE_DEV_STYLER_DOTTED": "点線",
-  "LIVE_DEV_STYLER_DOUBLE": "二重線",
-  "LIVE_DEV_STYLER_OUTLINE": "アウトライン",
-  "LIVE_DEV_STYLER_OFFSET": "オフセット",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ボーダーとアウトライン",
-  "LIVE_DEV_STYLER_SIDE": "サイド",
-  "LIVE_DEV_STYLER_PADDING": "パディング",
-  "LIVE_DEV_STYLER_MARGIN": "マージン",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "全サイドをまとめて編集",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "各サイドを個別に編集",
-  "LIVE_DEV_STYLER_LINK_NONE": "個別 - 各サイドが固有の値を持ちます",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "ペア - 上下、左右が連動",
-  "LIVE_DEV_STYLER_LINK_ALL": "全サイド連動 - すべてのサイドで同じ値を使用",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "クリックしてサイドの連動方法を切り替え",
-  "LIVE_DEV_STYLER_ALL_SIDES": "すべて",
-  "LIVE_DEV_STYLER_DISPLAY": "表示",
-  "LIVE_DEV_STYLER_DIRECTION": "方向",
-  "LIVE_DEV_STYLER_JUSTIFY": "行揃え",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "アイテムの配置",
-  "LIVE_DEV_STYLER_WRAP": "折り返し",
-  "LIVE_DEV_STYLER_GAP": "ギャップ",
-  "LIVE_DEV_STYLER_COLUMNS": "カラム",
-  "LIVE_DEV_STYLER_ROWS": "行",
-  "LIVE_DEV_STYLER_POSITION": "配置",
-  "LIVE_DEV_STYLER_Z_INDEX": "Zインデックス",
-  "LIVE_DEV_STYLER_BLOCK": "ブロック",
-  "LIVE_DEV_STYLER_INLINE": "インライン",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "インラインブロック",
-  "LIVE_DEV_STYLER_FLEX": "フレックス",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "インラインフレックス",
-  "LIVE_DEV_STYLER_GRID": "グリッド",
-  "LIVE_DEV_STYLER_HIDDEN": "非表示",
-  "LIVE_DEV_STYLER_ROW": "行",
-  "LIVE_DEV_STYLER_COLUMN": "列",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "行（逆順）",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列の逆順",
-  "LIVE_DEV_STYLER_START": "先頭",
-  "LIVE_DEV_STYLER_CENTER": "中央",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "両端揃え",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "均等配置",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "均等間隔",
-  "LIVE_DEV_STYLER_STRETCH": "引き伸ばし",
-  "LIVE_DEV_STYLER_BASELINE": "ベースライン",
-  "LIVE_DEV_STYLER_NO_WRAP": "折り返しなし",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "折り返し（逆順）",
-  "LIVE_DEV_STYLER_STATIC": "スタティック",
-  "LIVE_DEV_STYLER_RELATIVE": "リラティブ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "アブソリュート",
-  "LIVE_DEV_STYLER_STICKY": "スティッキー",
-  "LIVE_DEV_STYLER_FIXED": "固定",
-  "LIVE_DEV_STYLER_APPLIES_TO": "変更の適用先",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "インライン",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "要素に直接",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "ページ内の{0}に影響",
-  "LIVE_DEV_STYLER_NEW_STYLE": "新規スタイル…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新しいスタイル",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "この要素にクラス「{0}」を追加し、スタイルを {1} に保存します",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "この要素に ID「{0}」を付与し、スタイルを {1} に保存します",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "スタイルを {0} に保存します - この要素のみにスタイルが適用されます",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "スタイルを {0} に保存します - ページ上の {1} 個の要素にスタイルが適用されます",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "別の要素がすでにその ID を使用しています - 代わりにクラスを使用してください",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "これは選択された要素と一致しないため、編集内容は反映されません",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "「:hover」のようなスタイルは、ここではまだライブ編集できません",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "有効なスタイル名ではないようです - 「.card」のようなクラスや「#hero」のような ID をお試しください",
-  "LIVE_DEV_STYLER_CREATE": "作成",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例：.card または #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "高さ",
-  "LIVE_DEV_STYLER_SIZE_TAB": "サイズ",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "最小幅",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "最大幅",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小の高さ",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大の高さ",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "最小/最大サイズ制限を表示",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "最小/最大サイズ制限を非表示",
-  "LIVE_DEV_STYLER_OPACITY": "不透明度",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "単位の切り替え: {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0}を増加",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0}を減少",
-  "LIVE_DEV_STYLER_INCREASE": "値を増加",
-  "LIVE_DEV_STYLER_DECREASE": "値を減少",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + クリック: 10倍",
-  "LIVE_DEV_STYLER_EYEDROPPER": "ページから色を選択"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ライブプレビューで要素を選択したときにスタイルバーを表示します。デフォルトは「true」です",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ライブプレビューのスタイルバーをドッキングする側（「上」、「下」、「左」、または「右」）を指定します。デフォルトは「下」です",
+  "LIVE_DEV_STYLER_DOCK": "ドッキング位置",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "バーを左へ移動",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "バーを右へ移動",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "このページ上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "共通",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "ホワイト",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "シルバー",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "グレー",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "ブラック",
+  "LIVE_DEV_STYLER_COLOR_RED": "レッド",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "マルーン",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "オレンジ",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "ゴールド",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "イエロー",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "オリーブ",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ライム",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "グリーン",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ティール",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "シアン",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "ブルー",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "ネイビー",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "インディゴ",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "パープル",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "マゼンタ",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "バイオレット",
+  "LIVE_DEV_STYLER_COLOR_PINK": "ピンク",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "スタイルバーを表示"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index f1a10a40d9..d6fce71632 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "삭제",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "이미지 갤러리",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "추가 옵션",
+  "LIVE_DEV_STYLER_BACKGROUND": "배경색",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "텍스트 색상",
+  "LIVE_DEV_STYLER_FONT": "글꼴",
+  "LIVE_DEV_STYLER_SIZE": "글꼴 크기",
+  "LIVE_DEV_STYLER_WEIGHT": "글꼴 두께",
+  "LIVE_DEV_STYLER_ALIGN": "텍스트 정렬",
+  "LIVE_DEV_STYLER_BORDER": "테두리",
+  "LIVE_DEV_STYLER_SPACING": "마진 및 패딩",
+  "LIVE_DEV_STYLER_LAYOUT": "레이아웃",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "텍스트 스타일",
+  "LIVE_DEV_STYLER_DOCK_TOP": "상단으로 이동",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "하단으로 이동",
+  "LIVE_DEV_STYLER_RESET": "변경 사항 초기화",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "초기화할 변경 사항이 없습니다",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "완료",
+  "LIVE_DEV_STYLER_MIXED": "혼합",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "측면 값이 다릅니다 — 각 측면을 개별적으로 편집하세요",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "글꼴 검색…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "구글",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "시스템",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "현재 페이지",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "사용자 지정",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" 사용",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "글꼴을 찾을 수 없습니다",
+  "LIVE_DEV_STYLER_LOAD_MORE": "더 불러오기",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "얇은",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "아주 얇은",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "가는",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "보통",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "중간",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "준굵은",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "굵게",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "아주 굵게",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "블랙",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "줄 간격",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "글자 간격",
+  "LIVE_DEV_STYLER_WORD_SPACING": "단어 간격",
+  "LIVE_DEV_STYLER_CASE": "대소문자",
+  "LIVE_DEV_STYLER_BOLD": "굵게",
+  "LIVE_DEV_STYLER_ITALIC": "기울임꼴",
+  "LIVE_DEV_STYLER_UNDERLINE": "밑줄",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "취소선",
+  "LIVE_DEV_STYLER_NONE": "없음",
+  "LIVE_DEV_STYLER_UPPERCASE": "대문자",
+  "LIVE_DEV_STYLER_LOWERCASE": "소문자",
+  "LIVE_DEV_STYLER_CAPITALIZE": "첫 글자 대문자",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "왼쪽 정렬",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "가운데 정렬",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "오른쪽 정렬",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "양쪽 정렬",
+  "LIVE_DEV_STYLER_CLEAR": "지우기",
+  "LIVE_DEV_STYLER_RADIUS": "반경",
+  "LIVE_DEV_STYLER_WIDTH": "너비",
+  "LIVE_DEV_STYLER_COLOR": "색상",
+  "LIVE_DEV_STYLER_STYLE": "스타일",
+  "LIVE_DEV_STYLER_SOLID": "실선",
+  "LIVE_DEV_STYLER_DASHED": "파선",
+  "LIVE_DEV_STYLER_DOTTED": "점선",
+  "LIVE_DEV_STYLER_DOUBLE": "이중선",
+  "LIVE_DEV_STYLER_OUTLINE": "외곽선",
+  "LIVE_DEV_STYLER_OFFSET": "오프셋",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "테두리 및 윤곽선",
+  "LIVE_DEV_STYLER_SIDE": "면",
+  "LIVE_DEV_STYLER_PADDING": "패딩",
+  "LIVE_DEV_STYLER_MARGIN": "마진",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "모든 면 함께 편집",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "각 면 개별 편집",
+  "LIVE_DEV_STYLER_LINK_NONE": "독립된 면 - 각 면이 고유한 값을 가짐",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "쌍으로 연결 - 상하 연결, 좌우 연결",
+  "LIVE_DEV_STYLER_LINK_ALL": "모든 면 연결 - 모든 면에 하나의 값 적용",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "클릭하여 면 연결 방식 변경",
+  "LIVE_DEV_STYLER_ALL_SIDES": "모두",
   "LIVE_DEV_STYLER_TOP": "위",
   "LIVE_DEV_STYLER_RIGHT": "오른쪽",
   "LIVE_DEV_STYLER_BOTTOM": "아래",
   "LIVE_DEV_STYLER_LEFT": "왼쪽",
+  "LIVE_DEV_STYLER_DISPLAY": "디스플레이",
+  "LIVE_DEV_STYLER_DIRECTION": "방향",
+  "LIVE_DEV_STYLER_JUSTIFY": "정렬",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "항목 정렬",
+  "LIVE_DEV_STYLER_WRAP": "줄 바꿈",
+  "LIVE_DEV_STYLER_GAP": "간격",
+  "LIVE_DEV_STYLER_COLUMNS": "열",
+  "LIVE_DEV_STYLER_ROWS": "행",
+  "LIVE_DEV_STYLER_POSITION": "위치",
+  "LIVE_DEV_STYLER_Z_INDEX": "제트 인덱스",
+  "LIVE_DEV_STYLER_BLOCK": "블록",
+  "LIVE_DEV_STYLER_INLINE": "인라인",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "인라인 블록",
+  "LIVE_DEV_STYLER_FLEX": "플렉스",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "인라인 플렉스",
+  "LIVE_DEV_STYLER_GRID": "그리드",
+  "LIVE_DEV_STYLER_HIDDEN": "숨김",
+  "LIVE_DEV_STYLER_ROW": "로우",
+  "LIVE_DEV_STYLER_COLUMN": "컬럼",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "행 역순",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "열 역순",
+  "LIVE_DEV_STYLER_START": "시작",
+  "LIVE_DEV_STYLER_CENTER": "중앙",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "사이 간격",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "주위 간격",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "균등 간격",
+  "LIVE_DEV_STYLER_STRETCH": "늘리기",
+  "LIVE_DEV_STYLER_BASELINE": "기준선",
+  "LIVE_DEV_STYLER_NO_WRAP": "줄 바꿈 안 함",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "역방향 줄 바꿈",
+  "LIVE_DEV_STYLER_STATIC": "정적",
+  "LIVE_DEV_STYLER_RELATIVE": "상대",
+  "LIVE_DEV_STYLER_ABSOLUTE": "절대",
+  "LIVE_DEV_STYLER_STICKY": "스티키",
+  "LIVE_DEV_STYLER_FIXED": "고정",
+  "LIVE_DEV_STYLER_APPLIES_TO": "적용 대상",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "인라인",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "요소에 직접",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "페이지의 {0}에 적용됨",
+  "LIVE_DEV_STYLER_NEW_STYLE": "새 스타일…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "새 스타일",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "이 요소에 \"{0}\" 클래스를 추가하고 {1}에 스타일을 저장합니다",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "이 요소에 \"{0}\" 아이디를 지정하고 {1}에 스타일을 저장합니다",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}에 스타일을 저장합니다 - 이 요소에만 스타일을 적용합니다",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}에 스타일을 저장합니다 - 페이지의 {1}개 요소에 스타일을 적용합니다",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "다른 요소에 이미 해당 아이디가 있습니다 - 대신 클래스를 사용해 보세요",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "이것은 선택된 요소와 일치하지 않으므로 편집해도 변경되지 않습니다",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\"와 같은 스타일은 아직 여기에서 실시간으로 편집할 수 없습니다",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "유효한 스타일 이름이 아닌 것 같습니다 - .card와 같은 클래스나 #hero와 같은 아이디를 사용해 보세요",
+  "LIVE_DEV_STYLER_CREATE": "만들기",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "예: .card 또는 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "높이",
+  "LIVE_DEV_STYLER_SIZE_TAB": "크기",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "최소 너비",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "최대 너비",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "최소 높이",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "최대 높이",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "최소/최대 크기 제한 표시",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "최소/최대 크기 제한 숨기기",
+  "LIVE_DEV_STYLER_OPACITY": "불투명도",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "단위 변경 - {0} 간에 전환",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} 증가",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} 감소",
+  "LIVE_DEV_STYLER_INCREASE": "값 증가",
+  "LIVE_DEV_STYLER_DECREASE": "값 감소",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 클릭: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "페이지에서 색상 선택",
   "LIVE_DEV_MORE_OPTIONS_CUT": "오려두기",
   "LIVE_DEV_MORE_OPTIONS_COPY": "복사하기",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "붙여넣기",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "LIVE_DEV_STYLER_BACKGROUND": "배경색",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "텍스트 색상",
-  "LIVE_DEV_STYLER_FONT": "글꼴",
-  "LIVE_DEV_STYLER_SIZE": "글꼴 크기",
-  "LIVE_DEV_STYLER_WEIGHT": "글꼴 두께",
-  "LIVE_DEV_STYLER_ALIGN": "텍스트 정렬",
-  "LIVE_DEV_STYLER_BORDER": "테두리",
-  "LIVE_DEV_STYLER_SPACING": "마진 및 패딩",
-  "LIVE_DEV_STYLER_LAYOUT": "레이아웃",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "텍스트 스타일",
-  "LIVE_DEV_STYLER_DOCK_TOP": "상단으로 이동",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "하단으로 이동",
-  "LIVE_DEV_STYLER_RESET": "변경 사항 초기화",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "초기화할 변경 사항이 없습니다",
-  "LIVE_DEV_STYLER_MIXED": "혼합",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "측면 값이 다릅니다 — 각 측면을 개별적으로 편집하세요",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "글꼴 검색…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "구글",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "시스템",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "현재 페이지",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "사용자 지정",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" 사용",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "글꼴을 찾을 수 없습니다",
-  "LIVE_DEV_STYLER_LOAD_MORE": "더 불러오기",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "얇은",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "아주 얇은",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "가는",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "보통",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "중간",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "준굵은",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "굵게",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "아주 굵게",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "블랙",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "줄 간격",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "글자 간격",
-  "LIVE_DEV_STYLER_WORD_SPACING": "단어 간격",
-  "LIVE_DEV_STYLER_CASE": "대소문자",
-  "LIVE_DEV_STYLER_BOLD": "굵게",
-  "LIVE_DEV_STYLER_ITALIC": "기울임꼴",
-  "LIVE_DEV_STYLER_UNDERLINE": "밑줄",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "취소선",
-  "LIVE_DEV_STYLER_NONE": "없음",
-  "LIVE_DEV_STYLER_UPPERCASE": "대문자",
-  "LIVE_DEV_STYLER_LOWERCASE": "소문자",
-  "LIVE_DEV_STYLER_CAPITALIZE": "첫 글자 대문자",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "왼쪽 정렬",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "가운데 정렬",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "오른쪽 정렬",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "양쪽 정렬",
-  "LIVE_DEV_STYLER_CLEAR": "지우기",
-  "LIVE_DEV_STYLER_RADIUS": "반경",
-  "LIVE_DEV_STYLER_WIDTH": "너비",
-  "LIVE_DEV_STYLER_COLOR": "색상",
-  "LIVE_DEV_STYLER_STYLE": "스타일",
-  "LIVE_DEV_STYLER_SOLID": "실선",
-  "LIVE_DEV_STYLER_DASHED": "파선",
-  "LIVE_DEV_STYLER_DOTTED": "점선",
-  "LIVE_DEV_STYLER_DOUBLE": "이중선",
-  "LIVE_DEV_STYLER_OUTLINE": "외곽선",
-  "LIVE_DEV_STYLER_OFFSET": "오프셋",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "테두리 및 윤곽선",
-  "LIVE_DEV_STYLER_SIDE": "면",
-  "LIVE_DEV_STYLER_PADDING": "패딩",
-  "LIVE_DEV_STYLER_MARGIN": "마진",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "모든 면 함께 편집",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "각 면 개별 편집",
-  "LIVE_DEV_STYLER_LINK_NONE": "독립된 면 - 각 면이 고유한 값을 가짐",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "쌍으로 연결 - 상하 연결, 좌우 연결",
-  "LIVE_DEV_STYLER_LINK_ALL": "모든 면 연결 - 모든 면에 하나의 값 적용",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "클릭하여 면 연결 방식 변경",
-  "LIVE_DEV_STYLER_ALL_SIDES": "모두",
-  "LIVE_DEV_STYLER_DISPLAY": "디스플레이",
-  "LIVE_DEV_STYLER_DIRECTION": "방향",
-  "LIVE_DEV_STYLER_JUSTIFY": "정렬",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "항목 정렬",
-  "LIVE_DEV_STYLER_WRAP": "줄 바꿈",
-  "LIVE_DEV_STYLER_GAP": "간격",
-  "LIVE_DEV_STYLER_COLUMNS": "열",
-  "LIVE_DEV_STYLER_ROWS": "행",
-  "LIVE_DEV_STYLER_POSITION": "위치",
-  "LIVE_DEV_STYLER_Z_INDEX": "제트 인덱스",
-  "LIVE_DEV_STYLER_BLOCK": "블록",
-  "LIVE_DEV_STYLER_INLINE": "인라인",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "인라인 블록",
-  "LIVE_DEV_STYLER_FLEX": "플렉스",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "인라인 플렉스",
-  "LIVE_DEV_STYLER_GRID": "그리드",
-  "LIVE_DEV_STYLER_HIDDEN": "숨김",
-  "LIVE_DEV_STYLER_ROW": "로우",
-  "LIVE_DEV_STYLER_COLUMN": "컬럼",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "행 역순",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "열 역순",
-  "LIVE_DEV_STYLER_START": "시작",
-  "LIVE_DEV_STYLER_CENTER": "중앙",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "사이 간격",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "주위 간격",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "균등 간격",
-  "LIVE_DEV_STYLER_STRETCH": "늘리기",
-  "LIVE_DEV_STYLER_BASELINE": "기준선",
-  "LIVE_DEV_STYLER_NO_WRAP": "줄 바꿈 안 함",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "역방향 줄 바꿈",
-  "LIVE_DEV_STYLER_STATIC": "정적",
-  "LIVE_DEV_STYLER_RELATIVE": "상대",
-  "LIVE_DEV_STYLER_ABSOLUTE": "절대",
-  "LIVE_DEV_STYLER_STICKY": "스티키",
-  "LIVE_DEV_STYLER_FIXED": "고정",
-  "LIVE_DEV_STYLER_APPLIES_TO": "적용 대상",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "인라인",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "요소에 직접",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "페이지의 {0}에 적용됨",
-  "LIVE_DEV_STYLER_NEW_STYLE": "새 스타일…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "새 스타일",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "이 요소에 \"{0}\" 클래스를 추가하고 {1}에 스타일을 저장합니다",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "이 요소에 \"{0}\" 아이디를 지정하고 {1}에 스타일을 저장합니다",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}에 스타일을 저장합니다 - 이 요소에만 스타일을 적용합니다",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}에 스타일을 저장합니다 - 페이지의 {1}개 요소에 스타일을 적용합니다",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "다른 요소에 이미 해당 아이디가 있습니다 - 대신 클래스를 사용해 보세요",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "이것은 선택된 요소와 일치하지 않으므로 편집해도 변경되지 않습니다",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\"와 같은 스타일은 아직 여기에서 실시간으로 편집할 수 없습니다",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "유효한 스타일 이름이 아닌 것 같습니다 - .card와 같은 클래스나 #hero와 같은 아이디를 사용해 보세요",
-  "LIVE_DEV_STYLER_CREATE": "만들기",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "예: .card 또는 #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "높이",
-  "LIVE_DEV_STYLER_SIZE_TAB": "크기",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "최소 너비",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "최대 너비",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "최소 높이",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "최대 높이",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "최소/최대 크기 제한 표시",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "최소/최대 크기 제한 숨기기",
-  "LIVE_DEV_STYLER_OPACITY": "불투명도",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "단위 변경 - {0} 간에 전환",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} 증가",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} 감소",
-  "LIVE_DEV_STYLER_INCREASE": "값 증가",
-  "LIVE_DEV_STYLER_DECREASE": "값 감소",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 클릭: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "페이지에서 색상 선택"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "라이브 미리보기에서 요소를 선택하면 스타일 바를 표시합니다. 기본값은 'true'입니다.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "라이브 미리보기 스타일 바를 도킹할 위치('top', 'bottom', 'left' 또는 'right')입니다. 기본값은 'bottom'입니다.",
+  "LIVE_DEV_STYLER_DOCK": "도킹 위치",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "바를 왼쪽으로 이동",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "바를 오른쪽으로 이동",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "페이지 내",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "공통",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "흰색",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "은색",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "회색",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "검정",
+  "LIVE_DEV_STYLER_COLOR_RED": "빨강",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "마룬",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "주황",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "금색",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "노랑",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "올리브",
+  "LIVE_DEV_STYLER_COLOR_LIME": "라임",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "초록",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "틸",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "시안",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "파란색",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "남색",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "인디고",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "보라색",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "마젠타",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "바이올렛",
+  "LIVE_DEV_STYLER_COLOR_PINK": "분홍색",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "스타일 바 표시"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index adb878a117..fbc9ac6d5b 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Dzēst",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Attēlu galerija",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Vairāk opciju",
+  "LIVE_DEV_STYLER_BACKGROUND": "Fona krāsa",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Teksta krāsa",
+  "LIVE_DEV_STYLER_FONT": "Burtveidols",
+  "LIVE_DEV_STYLER_SIZE": "Fonta izmērs",
+  "LIVE_DEV_STYLER_WEIGHT": "Fonta svars",
+  "LIVE_DEV_STYLER_ALIGN": "Teksta līdzinājums",
+  "LIVE_DEV_STYLER_BORDER": "Apmale",
+  "LIVE_DEV_STYLER_SPACING": "Atkāpes un polsterējums",
+  "LIVE_DEV_STYLER_LAYOUT": "Izkārtojums",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Teksta stils",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Pārvietot joslu uz augšu",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pārvietot joslu uz leju",
+  "LIVE_DEV_STYLER_RESET": "Atiestatīt izmaiņas",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nav izmaiņu, ko atiestatīt",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Darīts",
+  "LIVE_DEV_STYLER_MIXED": "Jaukts",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Malas atšķiras — rediģējiet katru malu atsevišķi",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Meklēt fontus…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistēmas",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Šajā lapā",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Pielāgots",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Lietot \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Fonti nav atrasti",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Ielādēt vairāk",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Plāns",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Īpaši viegls",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Viegls",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regulārs",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Vidējs",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Pustrekns",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Trekns",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Īpaši trekns",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Melns",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rindas augstums",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Retinājums",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Atstarpe starp vārdiem",
+  "LIVE_DEV_STYLER_CASE": "Reģistrs",
+  "LIVE_DEV_STYLER_BOLD": "Trekns",
+  "LIVE_DEV_STYLER_ITALIC": "Kursīvs",
+  "LIVE_DEV_STYLER_UNDERLINE": "Pasvītrojums",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Pārsvītrots",
+  "LIVE_DEV_STYLER_NONE": "Nav",
+  "LIVE_DEV_STYLER_UPPERCASE": "Lielie burti",
+  "LIVE_DEV_STYLER_LOWERCASE": "Mazie burti",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Lielais sākumburts",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Līdzināt pa kreisi",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Līdzināt centrā",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Līdzināt pa labi",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Izlīdzināt",
+  "LIVE_DEV_STYLER_CLEAR": "Notīrīt",
+  "LIVE_DEV_STYLER_RADIUS": "Rādiuss",
+  "LIVE_DEV_STYLER_WIDTH": "Platums",
+  "LIVE_DEV_STYLER_COLOR": "Krāsa",
+  "LIVE_DEV_STYLER_STYLE": "Stils",
+  "LIVE_DEV_STYLER_SOLID": "Vienlaidus",
+  "LIVE_DEV_STYLER_DASHED": "Pārtraukts",
+  "LIVE_DEV_STYLER_DOTTED": "Punktēts",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubults",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontūra",
+  "LIVE_DEV_STYLER_OFFSET": "Nobīde",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Apmale & kontūra",
+  "LIVE_DEV_STYLER_SIDE": "Mala",
+  "LIVE_DEV_STYLER_PADDING": "Iekšējā atkāpe",
+  "LIVE_DEV_STYLER_MARGIN": "Ārējā atkāpe",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediģēt visas malas kopā",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediģēt malas atsevišķi",
+  "LIVE_DEV_STYLER_LINK_NONE": "Atsevišķas malas - katrai malai ir sava vērtība",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Pāros - augša & apakša saistītas, kreisā & labā saistītas",
+  "LIVE_DEV_STYLER_LINK_ALL": "Visas malas saistītas - viena vērtība visām malām",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Noklikšķiniet, lai mainītu malu saistīšanas veidu",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Visi",
   "LIVE_DEV_STYLER_TOP": "Augša",
   "LIVE_DEV_STYLER_RIGHT": "Pa labi",
   "LIVE_DEV_STYLER_BOTTOM": "Apakša",
   "LIVE_DEV_STYLER_LEFT": "Pa kreisi",
+  "LIVE_DEV_STYLER_DISPLAY": "Attēlojums",
+  "LIVE_DEV_STYLER_DIRECTION": "Virziens",
+  "LIVE_DEV_STYLER_JUSTIFY": "Izvietojums",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elementu līdzināšana",
+  "LIVE_DEV_STYLER_WRAP": "Pārnešana",
+  "LIVE_DEV_STYLER_GAP": "Atstarpe",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonnas",
+  "LIVE_DEV_STYLER_ROWS": "Rindas",
+  "LIVE_DEV_STYLER_POSITION": "Pozīcija",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indekss",
+  "LIVE_DEV_STYLER_BLOCK": "Bloks",
+  "LIVE_DEV_STYLER_INLINE": "Iekšrinda",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Iekšrindas bloks",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Iekšrindas flex",
+  "LIVE_DEV_STYLER_GRID": "Režģis",
+  "LIVE_DEV_STYLER_HIDDEN": "Paslēpts",
+  "LIVE_DEV_STYLER_ROW": "Rinda",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Apgriezta rinda",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Apgriezta kolonna",
+  "LIVE_DEV_STYLER_START": "Sākums",
+  "LIVE_DEV_STYLER_CENTER": "Centrs",
   "LIVE_DEV_STYLER_END": "Beigvietas taustiņš \"End\"",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Atstarpes starp",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Atstarpes apkārt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Vienmērīgas atstarpes",
+  "LIVE_DEV_STYLER_STRETCH": "Izstiept",
+  "LIVE_DEV_STYLER_BASELINE": "Pamatlīnija",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez aplaušanas",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Aplauzt apgriezti",
+  "LIVE_DEV_STYLER_STATIC": "Statisks",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatīvs",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolūts",
+  "LIVE_DEV_STYLER_STICKY": "Pielīpošs",
+  "LIVE_DEV_STYLER_FIXED": "Fiksēts",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Saglabāt izmaiņas:",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Iekļauts",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "tieši elementā",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "ietekmē {0} lapā",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Jauns stils…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Jauns stils",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pievieno klasi “{0}” šim elementam un saglabā stilu {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Piešķir šim elementam ID “{0}” un saglabā stilu {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saglabā stilu {0} – stilizē tikai šo elementu",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saglabā stilu {0} – stilizē {1} elementus lapā",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Citam elementam jau ir šāds ID – tā vietā pamēģiniet klasi",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Šis neatbilst atlasītajam elementam, tāpēc jūsu labojumi to neietekmēs",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilus, piemēram, “:hover”, šeit vēl nevar rediģēt reāllaikā",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tas neizskatās pēc derīga stila nosaukuma – pamēģiniet klasi, piemēram, .card, vai ID, piemēram, #hero",
+  "LIVE_DEV_STYLER_CREATE": "Izveidot",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "piem., .card vai #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Augstums",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Izmērs",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. platums",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. platums",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. augstums",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. augstums",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Rādīt min./maks. izmēra ierobežojumus",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Slēpt min./maks. izmēra ierobežojumus",
+  "LIVE_DEV_STYLER_OPACITY": "Caurspīdīgums",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mainīt mērvienību - pārslēdz starp {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Palielināt {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Samazināt {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Palielināt vērtību",
+  "LIVE_DEV_STYLER_DECREASE": "Samazināt vērtību",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klikšķis: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Izvēlēties krāsu no lapas",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Izgriezt",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopēt",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Ielīmēt",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "LIVE_DEV_STYLER_BACKGROUND": "Fona krāsa",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Teksta krāsa",
-  "LIVE_DEV_STYLER_FONT": "Burtveidols",
-  "LIVE_DEV_STYLER_SIZE": "Fonta izmērs",
-  "LIVE_DEV_STYLER_WEIGHT": "Fonta svars",
-  "LIVE_DEV_STYLER_ALIGN": "Teksta līdzinājums",
-  "LIVE_DEV_STYLER_BORDER": "Apmale",
-  "LIVE_DEV_STYLER_SPACING": "Atkāpes un polsterējums",
-  "LIVE_DEV_STYLER_LAYOUT": "Izkārtojums",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Teksta stils",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Pārvietot joslu uz augšu",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pārvietot joslu uz leju",
-  "LIVE_DEV_STYLER_RESET": "Atiestatīt izmaiņas",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nav izmaiņu, ko atiestatīt",
-  "LIVE_DEV_STYLER_MIXED": "Jaukts",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Malas atšķiras — rediģējiet katru malu atsevišķi",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Meklēt fontus…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistēmas",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Šajā lapā",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Pielāgots",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Lietot \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Fonti nav atrasti",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Ielādēt vairāk",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Plāns",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Īpaši viegls",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Viegls",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regulārs",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Vidējs",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Pustrekns",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Trekns",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Īpaši trekns",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Melns",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Rindas augstums",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Retinājums",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Atstarpe starp vārdiem",
-  "LIVE_DEV_STYLER_CASE": "Reģistrs",
-  "LIVE_DEV_STYLER_BOLD": "Trekns",
-  "LIVE_DEV_STYLER_ITALIC": "Kursīvs",
-  "LIVE_DEV_STYLER_UNDERLINE": "Pasvītrojums",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Pārsvītrots",
-  "LIVE_DEV_STYLER_NONE": "Nav",
-  "LIVE_DEV_STYLER_UPPERCASE": "Lielie burti",
-  "LIVE_DEV_STYLER_LOWERCASE": "Mazie burti",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Lielais sākumburts",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Līdzināt pa kreisi",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Līdzināt centrā",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Līdzināt pa labi",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Izlīdzināt",
-  "LIVE_DEV_STYLER_CLEAR": "Notīrīt",
-  "LIVE_DEV_STYLER_RADIUS": "Rādiuss",
-  "LIVE_DEV_STYLER_WIDTH": "Platums",
-  "LIVE_DEV_STYLER_COLOR": "Krāsa",
-  "LIVE_DEV_STYLER_STYLE": "Stils",
-  "LIVE_DEV_STYLER_SOLID": "Vienlaidus",
-  "LIVE_DEV_STYLER_DASHED": "Pārtraukts",
-  "LIVE_DEV_STYLER_DOTTED": "Punktēts",
-  "LIVE_DEV_STYLER_DOUBLE": "Dubults",
-  "LIVE_DEV_STYLER_OUTLINE": "Kontūra",
-  "LIVE_DEV_STYLER_OFFSET": "Nobīde",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Apmale & kontūra",
-  "LIVE_DEV_STYLER_SIDE": "Mala",
-  "LIVE_DEV_STYLER_PADDING": "Iekšējā atkāpe",
-  "LIVE_DEV_STYLER_MARGIN": "Ārējā atkāpe",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediģēt visas malas kopā",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediģēt malas atsevišķi",
-  "LIVE_DEV_STYLER_LINK_NONE": "Atsevišķas malas - katrai malai ir sava vērtība",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Pāros - augša & apakša saistītas, kreisā & labā saistītas",
-  "LIVE_DEV_STYLER_LINK_ALL": "Visas malas saistītas - viena vērtība visām malām",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Noklikšķiniet, lai mainītu malu saistīšanas veidu",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Visi",
-  "LIVE_DEV_STYLER_DISPLAY": "Attēlojums",
-  "LIVE_DEV_STYLER_DIRECTION": "Virziens",
-  "LIVE_DEV_STYLER_JUSTIFY": "Izvietojums",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Elementu līdzināšana",
-  "LIVE_DEV_STYLER_WRAP": "Pārnešana",
-  "LIVE_DEV_STYLER_GAP": "Atstarpe",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolonnas",
-  "LIVE_DEV_STYLER_ROWS": "Rindas",
-  "LIVE_DEV_STYLER_POSITION": "Pozīcija",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-indekss",
-  "LIVE_DEV_STYLER_BLOCK": "Bloks",
-  "LIVE_DEV_STYLER_INLINE": "Iekšrinda",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Iekšrindas bloks",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Iekšrindas flex",
-  "LIVE_DEV_STYLER_GRID": "Režģis",
-  "LIVE_DEV_STYLER_HIDDEN": "Paslēpts",
-  "LIVE_DEV_STYLER_ROW": "Rinda",
-  "LIVE_DEV_STYLER_COLUMN": "Kolonna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Apgriezta rinda",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Apgriezta kolonna",
-  "LIVE_DEV_STYLER_START": "Sākums",
-  "LIVE_DEV_STYLER_CENTER": "Centrs",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Atstarpes starp",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Atstarpes apkārt",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Vienmērīgas atstarpes",
-  "LIVE_DEV_STYLER_STRETCH": "Izstiept",
-  "LIVE_DEV_STYLER_BASELINE": "Pamatlīnija",
-  "LIVE_DEV_STYLER_NO_WRAP": "Bez aplaušanas",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Aplauzt apgriezti",
-  "LIVE_DEV_STYLER_STATIC": "Statisks",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatīvs",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolūts",
-  "LIVE_DEV_STYLER_STICKY": "Pielīpošs",
-  "LIVE_DEV_STYLER_FIXED": "Fiksēts",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Saglabāt izmaiņas:",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Iekļauts",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "tieši elementā",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "ietekmē {0} lapā",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Jauns stils…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Jauns stils",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pievieno klasi “{0}” šim elementam un saglabā stilu {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Piešķir šim elementam ID “{0}” un saglabā stilu {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Saglabā stilu {0} – stilizē tikai šo elementu",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Saglabā stilu {0} – stilizē {1} elementus lapā",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Citam elementam jau ir šāds ID – tā vietā pamēģiniet klasi",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Šis neatbilst atlasītajam elementam, tāpēc jūsu labojumi to neietekmēs",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilus, piemēram, “:hover”, šeit vēl nevar rediģēt reāllaikā",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Tas neizskatās pēc derīga stila nosaukuma – pamēģiniet klasi, piemēram, .card, vai ID, piemēram, #hero",
-  "LIVE_DEV_STYLER_CREATE": "Izveidot",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "piem., .card vai #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Augstums",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Izmērs",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min. platums",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks. platums",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min. augstums",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks. augstums",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Rādīt min./maks. izmēra ierobežojumus",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Slēpt min./maks. izmēra ierobežojumus",
-  "LIVE_DEV_STYLER_OPACITY": "Caurspīdīgums",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Mainīt mērvienību - pārslēdz starp {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Palielināt {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Samazināt {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Palielināt vērtību",
-  "LIVE_DEV_STYLER_DECREASE": "Samazināt vērtību",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klikšķis: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Izvēlēties krāsu no lapas"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Rādīt stilu joslu, kad elementi ir atlasīti tiešraides priekšskatījumā. Noklusējuma vērtība ir 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Puse, kurai tiek piestiprināta tiešraides priekšskatījuma stilu josla: 'top', 'bottom', 'left' vai 'right'. Noklusējuma vērtība ir 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Piestiprināšanas pozīcija",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Pārvietot joslu pa kreisi",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pārvietot joslu pa labi",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Šajā lapā",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Biežāk lietotie",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Balts",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sudraba",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Pelēks",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Melns",
+  "LIVE_DEV_STYLER_COLOR_RED": "Sarkans",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžs",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zelts",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Dzeltens",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olīvu",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Laima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zaļš",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Zilganzaļš",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciāna",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Zila",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Tumši zila",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpursarkana",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Madženta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rozā",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Rādīt stilu joslu"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index 598a5f1cc4..24cc1068c8 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "ഡിലീറ്റ് ചെയ്യുക",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "ഇമേജ് ഗാലറി",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "കൂടുതൽ ഓപ്ഷനുകൾ",
+  "LIVE_DEV_STYLER_BACKGROUND": "പശ്ചാത്തല നിറം",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "ടെക്സ്റ്റ് നിറം",
+  "LIVE_DEV_STYLER_FONT": "ഫോണ്ട് ഫാമിലി",
+  "LIVE_DEV_STYLER_SIZE": "ഫോണ്ട് വലുപ്പം",
+  "LIVE_DEV_STYLER_WEIGHT": "ഫോണ്ട് വെയിറ്റ്",
+  "LIVE_DEV_STYLER_ALIGN": "ടെക്സ്റ്റ് അലൈൻമെൻ്റ്",
+  "LIVE_DEV_STYLER_BORDER": "ബോർഡർ",
+  "LIVE_DEV_STYLER_SPACING": "മാർജിൻ & പാഡിംഗ്",
+  "LIVE_DEV_STYLER_LAYOUT": "ലേഔട്ട്",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "ടെക്സ്റ്റ് ശൈലി",
+  "LIVE_DEV_STYLER_DOCK_TOP": "ബാർ മുകളിലേക്ക് മാറ്റുക",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "ബാർ താഴേക്ക് മാറ്റുക",
+  "LIVE_DEV_STYLER_RESET": "മാറ്റങ്ങൾ റീസെറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "റീസെറ്റ് ചെയ്യാൻ മാറ്റങ്ങളൊന്നും ഇല്ല",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "പൂർത്തിയായി",
+  "LIVE_DEV_STYLER_MIXED": "സമ്മിശ്രം",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "വശങ്ങൾ വ്യത്യസ്തമാണ് — ഓരോ വശവും വെവ്വേറെ എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "ഫോണ്ടുകൾ തിരയുക…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "ഗൂഗിൾ",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "സിസ്റ്റം",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "ഈ പേജിൽ",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "കസ്റ്റം",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" ഉപയോഗിക്കുക",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "ഫോണ്ടുകളൊന്നും കണ്ടെത്തിയില്ല",
+  "LIVE_DEV_STYLER_LOAD_MORE": "കൂടുതൽ ലോഡ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "നേർത്തത്",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "അതി ലഘു",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ലഘു",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "സാധാരണ",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "മീഡിയം",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "സെമിബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "ബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "എക്സ്ട്രാ ബോൾഡ്",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ബ്ലാക്ക്",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "വരിയുടെ ഉയരം",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "അക്ഷരങ്ങൾ തമ്മിലുള്ള അകലം",
+  "LIVE_DEV_STYLER_WORD_SPACING": "വാക്കുകൾ തമ്മിലുള്ള അകലം",
+  "LIVE_DEV_STYLER_CASE": "കേസ്",
+  "LIVE_DEV_STYLER_BOLD": "ബോൾഡ്",
+  "LIVE_DEV_STYLER_ITALIC": "ഇറ്റാലിക്",
+  "LIVE_DEV_STYLER_UNDERLINE": "അടിവര",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "വെട്ടിവര",
+  "LIVE_DEV_STYLER_NONE": "ഒന്നുമില്ല",
+  "LIVE_DEV_STYLER_UPPERCASE": "വലിയക്ഷരം",
+  "LIVE_DEV_STYLER_LOWERCASE": "ചെറിയക്ഷരം",
+  "LIVE_DEV_STYLER_CAPITALIZE": "ക്യാപിറ്റലൈസ്",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "ഇടത്തോട്ട് നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "മധ്യത്തിൽ നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "വലത്തോട്ട് നിരത്തുക",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ഇരുവശവും നിരത്തുക",
+  "LIVE_DEV_STYLER_CLEAR": "മായ്ക്കുക",
+  "LIVE_DEV_STYLER_RADIUS": "റേഡിയസ്",
+  "LIVE_DEV_STYLER_WIDTH": "വീതി",
+  "LIVE_DEV_STYLER_COLOR": "നിറം",
+  "LIVE_DEV_STYLER_STYLE": "ശൈലി",
+  "LIVE_DEV_STYLER_SOLID": "സോളിഡ്",
+  "LIVE_DEV_STYLER_DASHED": "ഡാഷ്ഡ്",
+  "LIVE_DEV_STYLER_DOTTED": "ഡോട്ടഡ്",
+  "LIVE_DEV_STYLER_DOUBLE": "ഇരട്ട",
+  "LIVE_DEV_STYLER_OUTLINE": "ഔട്ട്ലൈൻ",
+  "LIVE_DEV_STYLER_OFFSET": "ഓഫ്‌സെറ്റ്",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ബോർഡറും ഔട്ട്‌ലൈനും",
+  "LIVE_DEV_STYLER_SIDE": "വശം",
+  "LIVE_DEV_STYLER_PADDING": "പാഡിംഗ്",
+  "LIVE_DEV_STYLER_MARGIN": "മാർജിൻ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "എല്ലാ വശങ്ങളും ഒരുമിച്ച് എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "വശങ്ങൾ വെവ്വേറെയായി എഡിറ്റ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_LINK_NONE": "സ്വതന്ത്രമായ വശങ്ങൾ - ഓരോ വശത്തിനും അതിൻ്റേതായ മൂല്യമുണ്ട്",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "ജോടിയാക്കിയത് - മുകളും താഴെയും, ഇടതും വലതും ലിങ്ക് ചെയ്തിരിക്കുന്നു",
+  "LIVE_DEV_STYLER_LINK_ALL": "എല്ലാ വശങ്ങളും ലിങ്ക് ചെയ്തത് - എല്ലാ വശങ്ങൾക്കും ഒരൊറ്റ മൂല്യം",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "വശങ്ങൾ എങ്ങനെ ബന്ധിപ്പിച്ചിരിക്കുന്നു എന്ന് മാറ്റാൻ ക്ലിക്ക് ചെയ്യുക",
+  "LIVE_DEV_STYLER_ALL_SIDES": "എല്ലാം",
+  "LIVE_DEV_STYLER_TOP": "മുകൾ",
+  "LIVE_DEV_STYLER_RIGHT": "വലത്",
+  "LIVE_DEV_STYLER_BOTTOM": "താഴെ",
+  "LIVE_DEV_STYLER_LEFT": "ഇടത്",
+  "LIVE_DEV_STYLER_DISPLAY": "ഡിസ്‌പ്ലേ",
+  "LIVE_DEV_STYLER_DIRECTION": "ദിശ",
+  "LIVE_DEV_STYLER_JUSTIFY": "ജസ്റ്റിഫൈ",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "അലൈൻ ഐറ്റംസ്",
+  "LIVE_DEV_STYLER_WRAP": "ചുറ്റുക",
+  "LIVE_DEV_STYLER_GAP": "വിടവ്",
+  "LIVE_DEV_STYLER_COLUMNS": "നിരകൾ",
+  "LIVE_DEV_STYLER_ROWS": "വരികൾ",
+  "LIVE_DEV_STYLER_POSITION": "സ്ഥാനം",
+  "LIVE_DEV_STYLER_Z_INDEX": "ഇസഡ്-ഇൻഡെക്സ്",
+  "LIVE_DEV_STYLER_BLOCK": "ബ്ലോക്ക്",
+  "LIVE_DEV_STYLER_INLINE": "ഇൻലൈൻ",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "ഇൻലൈൻ ബ്ലോക്ക്",
+  "LIVE_DEV_STYLER_FLEX": "ഫ്ലെക്സ്",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "ഇൻലൈൻ ഫ്ലെക്സ്",
+  "LIVE_DEV_STYLER_GRID": "ഗ്രിഡ്",
+  "LIVE_DEV_STYLER_HIDDEN": "മറച്ചത്",
+  "LIVE_DEV_STYLER_ROW": "വരി",
+  "LIVE_DEV_STYLER_COLUMN": "കോളം",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "വരി വിപരീതം",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "കോളം വിപരീതം",
+  "LIVE_DEV_STYLER_START": "തുടക്കം",
+  "LIVE_DEV_STYLER_CENTER": "മധ്യം",
+  "LIVE_DEV_STYLER_END": "അവസാനം",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "ഇടയിൽ സ്ഥലം",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "ചുറ്റും സ്ഥലം",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "തുല്യമായി സ്ഥലം",
+  "LIVE_DEV_STYLER_STRETCH": "വലിച്ചുനീട്ടുക",
+  "LIVE_DEV_STYLER_BASELINE": "ബേസ്‌ലൈൻ",
+  "LIVE_DEV_STYLER_NO_WRAP": "റാപ്പ് ചെയ്യരുത്",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "വിപരീതമായി റാപ്പ് ചെയ്യുക",
+  "LIVE_DEV_STYLER_STATIC": "സ്റ്റാറ്റിക്",
+  "LIVE_DEV_STYLER_RELATIVE": "റിലേറ്റീവ്",
+  "LIVE_DEV_STYLER_ABSOLUTE": "അബ്സൊല്യൂട്ട്",
+  "LIVE_DEV_STYLER_STICKY": "ഒട്ടിച്ചുവെച്ചത്",
+  "LIVE_DEV_STYLER_FIXED": "സ്ഥിരം",
+  "LIVE_DEV_STYLER_APPLIES_TO": "മാറ്റങ്ങൾ ഇതിലേക്ക് സംരക്ഷിക്കുക",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "നേരിട്ട്",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "എലമെന്റിൽ നേരിട്ട്",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "പേജിലെ {0} എണ്ണത്തെ ബാധിക്കുന്നു",
+  "LIVE_DEV_STYLER_NEW_STYLE": "പുതിയ സ്റ്റൈൽ...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "പുതിയ സ്റ്റൈൽ",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "ഈ എലമെന്റിലേക്ക് \"{0}\" എന്ന ക്ലാസ് ചേർക്കുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "ഈ എലമെന്റിന് \"{0}\" എന്ന ഐഡി നൽകുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - ഈ എലമെന്റിന് മാത്രം സ്റ്റൈൽ നൽകുന്നു",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - പേജിലെ {1} എലമെന്റുകൾക്ക് സ്റ്റൈൽ നൽകുന്നു",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "മറ്റൊരു എലമെന്റിന് ഇതിനകം ആ ഐഡി ഉണ്ട് - പകരം ഒരു ക്ലാസ്സ് ശ്രമിക്കുക",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "ഇത് തിരഞ്ഞെടുത്ത എലമെന്റുമായി പൊരുത്തപ്പെടുന്നില്ല, അതിനാൽ നിങ്ങളുടെ എഡിറ്റുകൾ അതിൽ മാറ്റം വരുത്തില്ല",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" പോലുള്ള സ്റ്റൈലുകൾ ഇവിടെ തത്സമയം എഡിറ്റ് ചെയ്യാൻ ഇപ്പോൾ സാധിക്കില്ല",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "അതൊരു ശരിയായ സ്റ്റൈൽ നാമമായി തോന്നുന്നില്ല - .card പോലുള്ള ഒരു ക്ലാസ്സോ #hero പോലുള്ള ഒരു ഐഡിയോ ശ്രമിക്കുക",
+  "LIVE_DEV_STYLER_CREATE": "സൃഷ്ടിക്കുക",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ഉദാ. .card അല്ലെങ്കിൽ #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "ഉയരം",
+  "LIVE_DEV_STYLER_SIZE_TAB": "വലിപ്പം",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "കുറഞ്ഞ വീതി",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "പരമാവധി വീതി",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "കുറഞ്ഞ ഉയരം",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "പരമാവധി ഉയരം",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ കാണിക്കുക",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ മറയ്ക്കുക",
+  "LIVE_DEV_STYLER_OPACITY": "അതാര്യത",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "യൂണിറ്റ് മാറ്റുക - {0} ഇവ തമ്മിൽ മാറുന്നു",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} വർദ്ധിപ്പിക്കുക",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} കുറയ്ക്കുക",
+  "LIVE_DEV_STYLER_INCREASE": "മൂല്യം വർദ്ധിപ്പിക്കുക",
+  "LIVE_DEV_STYLER_DECREASE": "മൂല്യം കുറയ്ക്കുക",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + ക്ലിക്ക്: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "പേജിൽ നിന്ന് നിറം തിരഞ്ഞെടുക്കുക",
   "LIVE_DEV_MORE_OPTIONS_CUT": "കട്ട്",
   "LIVE_DEV_MORE_OPTIONS_COPY": "കോപ്പി",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "പേസ്റ്റ്",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "LIVE_DEV_STYLER_BACKGROUND": "പശ്ചാത്തല നിറം",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "ടെക്സ്റ്റ് നിറം",
-  "LIVE_DEV_STYLER_FONT": "ഫോണ്ട് ഫാമിലി",
-  "LIVE_DEV_STYLER_SIZE": "ഫോണ്ട് വലുപ്പം",
-  "LIVE_DEV_STYLER_WEIGHT": "ഫോണ്ട് വെയിറ്റ്",
-  "LIVE_DEV_STYLER_ALIGN": "ടെക്സ്റ്റ് അലൈൻമെൻ്റ്",
-  "LIVE_DEV_STYLER_BORDER": "ബോർഡർ",
-  "LIVE_DEV_STYLER_SPACING": "മാർജിൻ & പാഡിംഗ്",
-  "LIVE_DEV_STYLER_LAYOUT": "ലേഔട്ട്",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "ടെക്സ്റ്റ് ശൈലി",
-  "LIVE_DEV_STYLER_DOCK_TOP": "ബാർ മുകളിലേക്ക് മാറ്റുക",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "ബാർ താഴേക്ക് മാറ്റുക",
-  "LIVE_DEV_STYLER_RESET": "മാറ്റങ്ങൾ റീസെറ്റ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "റീസെറ്റ് ചെയ്യാൻ മാറ്റങ്ങളൊന്നും ഇല്ല",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "പൂർത്തിയായി",
-  "LIVE_DEV_STYLER_MIXED": "സമ്മിശ്രം",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "വശങ്ങൾ വ്യത്യസ്തമാണ് — ഓരോ വശവും വെവ്വേറെ എഡിറ്റ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "ഫോണ്ടുകൾ തിരയുക…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "ഗൂഗിൾ",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "സിസ്റ്റം",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "ഈ പേജിൽ",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "കസ്റ്റം",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" ഉപയോഗിക്കുക",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "ഫോണ്ടുകളൊന്നും കണ്ടെത്തിയില്ല",
-  "LIVE_DEV_STYLER_LOAD_MORE": "കൂടുതൽ ലോഡ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "നേർത്തത്",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "അതി ലഘു",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ലഘു",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "സാധാരണ",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "മീഡിയം",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "സെമിബോൾഡ്",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "ബോൾഡ്",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "എക്സ്ട്രാ ബോൾഡ്",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "ബ്ലാക്ക്",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "വരിയുടെ ഉയരം",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "അക്ഷരങ്ങൾ തമ്മിലുള്ള അകലം",
-  "LIVE_DEV_STYLER_WORD_SPACING": "വാക്കുകൾ തമ്മിലുള്ള അകലം",
-  "LIVE_DEV_STYLER_CASE": "കേസ്",
-  "LIVE_DEV_STYLER_BOLD": "ബോൾഡ്",
-  "LIVE_DEV_STYLER_ITALIC": "ഇറ്റാലിക്",
-  "LIVE_DEV_STYLER_UNDERLINE": "അടിവര",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "വെട്ടിവര",
-  "LIVE_DEV_STYLER_NONE": "ഒന്നുമില്ല",
-  "LIVE_DEV_STYLER_UPPERCASE": "വലിയക്ഷരം",
-  "LIVE_DEV_STYLER_LOWERCASE": "ചെറിയക്ഷരം",
-  "LIVE_DEV_STYLER_CAPITALIZE": "ക്യാപിറ്റലൈസ്",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "ഇടത്തോട്ട് നിരത്തുക",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "മധ്യത്തിൽ നിരത്തുക",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "വലത്തോട്ട് നിരത്തുക",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "ഇരുവശവും നിരത്തുക",
-  "LIVE_DEV_STYLER_CLEAR": "മായ്ക്കുക",
-  "LIVE_DEV_STYLER_RADIUS": "റേഡിയസ്",
-  "LIVE_DEV_STYLER_WIDTH": "വീതി",
-  "LIVE_DEV_STYLER_COLOR": "നിറം",
-  "LIVE_DEV_STYLER_STYLE": "ശൈലി",
-  "LIVE_DEV_STYLER_SOLID": "സോളിഡ്",
-  "LIVE_DEV_STYLER_DASHED": "ഡാഷ്ഡ്",
-  "LIVE_DEV_STYLER_DOTTED": "ഡോട്ടഡ്",
-  "LIVE_DEV_STYLER_DOUBLE": "ഇരട്ട",
-  "LIVE_DEV_STYLER_OUTLINE": "ഔട്ട്ലൈൻ",
-  "LIVE_DEV_STYLER_OFFSET": "ഓഫ്‌സെറ്റ്",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "ബോർഡറും ഔട്ട്‌ലൈനും",
-  "LIVE_DEV_STYLER_SIDE": "വശം",
-  "LIVE_DEV_STYLER_PADDING": "പാഡിംഗ്",
-  "LIVE_DEV_STYLER_MARGIN": "മാർജിൻ",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "എല്ലാ വശങ്ങളും ഒരുമിച്ച് എഡിറ്റ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "വശങ്ങൾ വെവ്വേറെയായി എഡിറ്റ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_LINK_NONE": "സ്വതന്ത്രമായ വശങ്ങൾ - ഓരോ വശത്തിനും അതിൻ്റേതായ മൂല്യമുണ്ട്",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "ജോടിയാക്കിയത് - മുകളും താഴെയും, ഇടതും വലതും ലിങ്ക് ചെയ്തിരിക്കുന്നു",
-  "LIVE_DEV_STYLER_LINK_ALL": "എല്ലാ വശങ്ങളും ലിങ്ക് ചെയ്തത് - എല്ലാ വശങ്ങൾക്കും ഒരൊറ്റ മൂല്യം",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "വശങ്ങൾ എങ്ങനെ ബന്ധിപ്പിച്ചിരിക്കുന്നു എന്ന് മാറ്റാൻ ക്ലിക്ക് ചെയ്യുക",
-  "LIVE_DEV_STYLER_ALL_SIDES": "എല്ലാം",
-  "LIVE_DEV_STYLER_TOP": "മുകൾ",
-  "LIVE_DEV_STYLER_RIGHT": "വലത്",
-  "LIVE_DEV_STYLER_BOTTOM": "താഴെ",
-  "LIVE_DEV_STYLER_LEFT": "ഇടത്",
-  "LIVE_DEV_STYLER_DISPLAY": "ഡിസ്‌പ്ലേ",
-  "LIVE_DEV_STYLER_DIRECTION": "ദിശ",
-  "LIVE_DEV_STYLER_JUSTIFY": "ജസ്റ്റിഫൈ",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "അലൈൻ ഐറ്റംസ്",
-  "LIVE_DEV_STYLER_WRAP": "ചുറ്റുക",
-  "LIVE_DEV_STYLER_GAP": "വിടവ്",
-  "LIVE_DEV_STYLER_COLUMNS": "നിരകൾ",
-  "LIVE_DEV_STYLER_ROWS": "വരികൾ",
-  "LIVE_DEV_STYLER_POSITION": "സ്ഥാനം",
-  "LIVE_DEV_STYLER_Z_INDEX": "ഇസഡ്-ഇൻഡെക്സ്",
-  "LIVE_DEV_STYLER_BLOCK": "ബ്ലോക്ക്",
-  "LIVE_DEV_STYLER_INLINE": "ഇൻലൈൻ",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "ഇൻലൈൻ ബ്ലോക്ക്",
-  "LIVE_DEV_STYLER_FLEX": "ഫ്ലെക്സ്",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "ഇൻലൈൻ ഫ്ലെക്സ്",
-  "LIVE_DEV_STYLER_GRID": "ഗ്രിഡ്",
-  "LIVE_DEV_STYLER_HIDDEN": "മറച്ചത്",
-  "LIVE_DEV_STYLER_ROW": "വരി",
-  "LIVE_DEV_STYLER_COLUMN": "കോളം",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "വരി വിപരീതം",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "കോളം വിപരീതം",
-  "LIVE_DEV_STYLER_START": "തുടക്കം",
-  "LIVE_DEV_STYLER_CENTER": "മധ്യം",
-  "LIVE_DEV_STYLER_END": "അവസാനം",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "ഇടയിൽ സ്ഥലം",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "ചുറ്റും സ്ഥലം",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "തുല്യമായി സ്ഥലം",
-  "LIVE_DEV_STYLER_STRETCH": "വലിച്ചുനീട്ടുക",
-  "LIVE_DEV_STYLER_BASELINE": "ബേസ്‌ലൈൻ",
-  "LIVE_DEV_STYLER_NO_WRAP": "റാപ്പ് ചെയ്യരുത്",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "വിപരീതമായി റാപ്പ് ചെയ്യുക",
-  "LIVE_DEV_STYLER_STATIC": "സ്റ്റാറ്റിക്",
-  "LIVE_DEV_STYLER_RELATIVE": "റിലേറ്റീവ്",
-  "LIVE_DEV_STYLER_ABSOLUTE": "അബ്സൊല്യൂട്ട്",
-  "LIVE_DEV_STYLER_STICKY": "ഒട്ടിച്ചുവെച്ചത്",
-  "LIVE_DEV_STYLER_FIXED": "സ്ഥിരം",
-  "LIVE_DEV_STYLER_APPLIES_TO": "മാറ്റങ്ങൾ ഇതിലേക്ക് സംരക്ഷിക്കുക",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "നേരിട്ട്",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "എലമെന്റിൽ നേരിട്ട്",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "പേജിലെ {0} എണ്ണത്തെ ബാധിക്കുന്നു",
-  "LIVE_DEV_STYLER_NEW_STYLE": "പുതിയ സ്റ്റൈൽ...",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "പുതിയ സ്റ്റൈൽ",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "ഈ എലമെന്റിലേക്ക് \"{0}\" എന്ന ക്ലാസ് ചേർക്കുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "ഈ എലമെന്റിന് \"{0}\" എന്ന ഐഡി നൽകുകയും സ്റ്റൈൽ {1}-ൽ സംരക്ഷിക്കുകയും ചെയ്യുന്നു",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - ഈ എലമെന്റിന് മാത്രം സ്റ്റൈൽ നൽകുന്നു",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "{0}-ൽ സ്റ്റൈൽ സേവ് ചെയ്യുന്നു - പേജിലെ {1} എലമെന്റുകൾക്ക് സ്റ്റൈൽ നൽകുന്നു",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "മറ്റൊരു എലമെന്റിന് ഇതിനകം ആ ഐഡി ഉണ്ട് - പകരം ഒരു ക്ലാസ്സ് ശ്രമിക്കുക",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "ഇത് തിരഞ്ഞെടുത്ത എലമെന്റുമായി പൊരുത്തപ്പെടുന്നില്ല, അതിനാൽ നിങ്ങളുടെ എഡിറ്റുകൾ അതിൽ മാറ്റം വരുത്തില്ല",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" പോലുള്ള സ്റ്റൈലുകൾ ഇവിടെ തത്സമയം എഡിറ്റ് ചെയ്യാൻ ഇപ്പോൾ സാധിക്കില്ല",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "അതൊരു ശരിയായ സ്റ്റൈൽ നാമമായി തോന്നുന്നില്ല - .card പോലുള്ള ഒരു ക്ലാസ്സോ #hero പോലുള്ള ഒരു ഐഡിയോ ശ്രമിക്കുക",
-  "LIVE_DEV_STYLER_CREATE": "സൃഷ്ടിക്കുക",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ഉദാ. .card അല്ലെങ്കിൽ #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "ഉയരം",
-  "LIVE_DEV_STYLER_SIZE_TAB": "വലിപ്പം",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "കുറഞ്ഞ വീതി",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "പരമാവധി വീതി",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "കുറഞ്ഞ ഉയരം",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "പരമാവധി ഉയരം",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ കാണിക്കുക",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "കുറഞ്ഞ / പരമാവധി വലുപ്പ പരിധികൾ മറയ്ക്കുക",
-  "LIVE_DEV_STYLER_OPACITY": "അതാര്യത",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "യൂണിറ്റ് മാറ്റുക - {0} ഇവ തമ്മിൽ മാറുന്നു",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} വർദ്ധിപ്പിക്കുക",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} കുറയ്ക്കുക",
-  "LIVE_DEV_STYLER_INCREASE": "മൂല്യം വർദ്ധിപ്പിക്കുക",
-  "LIVE_DEV_STYLER_DECREASE": "മൂല്യം കുറയ്ക്കുക",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + ക്ലിക്ക്: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "പേജിൽ നിന്ന് നിറം തിരഞ്ഞെടുക്കുക"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ലൈവ് പ്രിവ്യൂവിൽ ഘടകങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ സ്റ്റൈൽസ് ബാർ കാണിക്കുക. ഡിഫോൾട്ടായി 'true' ആണ്",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ലൈവ് പ്രിവ്യൂ സ്റ്റൈൽസ് ബാർ ഏത് വശത്തേക്ക് ഡോക്ക് ചെയ്യണം: 'top', 'bottom', 'left' അല്ലെങ്കിൽ 'right'. ഡിഫോൾട്ടായി 'bottom' ആണ്",
+  "LIVE_DEV_STYLER_DOCK": "ഡോക്ക് സ്ഥാനം",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "ബാർ ഇടത്തേക്ക് നീക്കുക",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "ബാർ വലത്തേക്ക് നീക്കുക",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "ഈ പേജിൽ",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "പൊതുവായ",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "വെള്ള",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "സിൽവർ",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "ചാരനിറം",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "കറുപ്പ്",
+  "LIVE_DEV_STYLER_COLOR_RED": "ചുവപ്പ്",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "മെറൂൺ",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "ഓറഞ്ച്",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "സ്വർണ്ണം",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "മഞ്ഞ",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "ഒലിവ്",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ലൈം",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "പച്ച",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ടീൽ",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "സിയാൻ",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "നീല",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "നേവി",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "ഇൻഡിഗോ",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "പർപ്പിൾ",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "മജന്ത",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "വയലറ്റ്",
+  "LIVE_DEV_STYLER_COLOR_PINK": "പിങ്ക്",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "ശൈലികൾ ബാർ കാണിക്കുക"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index 144baacf53..bddcfc5aad 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Slett",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Bildegalleri",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Flere alternativer",
+  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrunnsfarge",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarge",
+  "LIVE_DEV_STYLER_FONT": "Skrifttype",
+  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
+  "LIVE_DEV_STYLER_WEIGHT": "Skrifttykkelse",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
+  "LIVE_DEV_STYLER_SPACING": "Marg og polstring",
+  "LIVE_DEV_STYLER_LAYOUT": "Oppsett",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flytt linjen til toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytt linjen til bunnen",
+  "LIVE_DEV_STYLER_RESET": "Tilbakestill endringer",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen endringer å tilbakestille",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Ferdig",
+  "LIVE_DEV_STYLER_MIXED": "Blandet",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidene er ulike – rediger hver side separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søk etter skrifttyper …",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne siden",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egendefinert",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Bruk «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper funnet",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Last inn flere",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lett",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lett",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøyde",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnavstand",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstand",
+  "LIVE_DEV_STYLER_CASE": "Store/små bokstaver",
+  "LIVE_DEV_STYLER_BOLD": "Fet",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understrek",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gjennomstreking",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Store bokstaver",
+  "LIVE_DEV_STYLER_LOWERCASE": "Små bokstaver",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Stor forbokstav",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Midtstill",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Høyrejuster",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blokkjuster",
+  "LIVE_DEV_STYLER_CLEAR": "Fjern",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Bredde",
+  "LIVE_DEV_STYLER_COLOR": "Farge",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
+  "LIVE_DEV_STYLER_DASHED": "Stiplet",
+  "LIVE_DEV_STYLER_DOTTED": "Prikket",
+  "LIVE_DEV_STYLER_DOUBLE": "Dobbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Omriss",
+  "LIVE_DEV_STYLER_OFFSET": "Forskyvning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje og omriss",
+  "LIVE_DEV_STYLER_SIDE": "Side",
+  "LIVE_DEV_STYLER_PADDING": "Indre marg",
+  "LIVE_DEV_STYLER_MARGIN": "Ytre marg",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider samtidig",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sidene hver for seg",
+  "LIVE_DEV_STYLER_LINK_NONE": "Uavhengige sider – hver side har sin egen verdi",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis – topp og bunn er koblet, venstre og høyre er koblet",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider er koblet – én verdi for alle sider",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klikk for å endre hvordan sidene er koblet",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
+  "LIVE_DEV_STYLER_TOP": "Topp",
+  "LIVE_DEV_STYLER_RIGHT": "Høyre",
+  "LIVE_DEV_STYLER_BOTTOM": "Bunn",
+  "LIVE_DEV_STYLER_LEFT": "Venstre",
+  "LIVE_DEV_STYLER_DISPLAY": "Visning",
+  "LIVE_DEV_STYLER_DIRECTION": "Retning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
+  "LIVE_DEV_STYLER_WRAP": "Bryt",
+  "LIVE_DEV_STYLER_GAP": "Mellomrom",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
+  "LIVE_DEV_STYLER_ROWS": "Rader",
+  "LIVE_DEV_STYLER_POSITION": "Posisjon",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
+  "LIVE_DEV_STYLER_BLOCK": "Blokk",
+  "LIVE_DEV_STYLER_INLINE": "Innebygd",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Innebygd blokk",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Innebygd flex",
+  "LIVE_DEV_STYLER_GRID": "Rutenett",
+  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
+  "LIVE_DEV_STYLER_ROW": "Rad",
+  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt rad",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Senter",
+  "LIVE_DEV_STYLER_END": "Slutt",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellomrom mellom",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellomrom rundt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jevnt fordelt",
+  "LIVE_DEV_STYLER_STRETCH": "Strekk",
+  "LIVE_DEV_STYLER_BASELINE": "Grunnlinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen bryting",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt bryting",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutt",
+  "LIVE_DEV_STYLER_STICKY": "Klistret",
+  "LIVE_DEV_STYLER_FIXED": "Fastlåst",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Lagre endringer i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Innebygd",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil …",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Legger til klassen \"{0}\" til dette elementet og lagrer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gir dette elementet ID-en \"{0}\" og lagrer stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Lagrer stilen i {0} – stiler kun dette elementet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Lagrer stilen i {0} – stiler {1} elementer på siden",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et annet element har allerede den ID-en – prøv en klasse i stedet",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette samsvarer ikke med det valgte elementet, så endringene dine vil ikke påvirke det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stiler som «:hover» kan ikke redigeres direkte her ennå",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ser ikke ut som et gyldig stilnavn – prøv en klasse som .card eller en ID som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Opprett",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Høyde",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minste bredde",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimal bredde",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minste høyde",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimal høyde",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis grenser for min./maks. størrelse",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul grenser for min./maks. størrelse",
+  "LIVE_DEV_STYLER_OPACITY": "Opasitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Endre enhet – veksler mellom {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Øk {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Reduser {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Øk verdi",
+  "LIVE_DEV_STYLER_DECREASE": "Reduser verdi",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klikk: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Velg farge fra siden",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Klipp",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopier",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Lim inn",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrunnsfarge",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstfarge",
-  "LIVE_DEV_STYLER_FONT": "Skrifttype",
-  "LIVE_DEV_STYLER_SIZE": "Skriftstørrelse",
-  "LIVE_DEV_STYLER_WEIGHT": "Skrifttykkelse",
-  "LIVE_DEV_STYLER_ALIGN": "Tekstjustering",
-  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
-  "LIVE_DEV_STYLER_SPACING": "Marg og polstring",
-  "LIVE_DEV_STYLER_LAYOUT": "Oppsett",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Flytt linjen til toppen",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytt linjen til bunnen",
-  "LIVE_DEV_STYLER_RESET": "Tilbakestill endringer",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen endringer å tilbakestille",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Ferdig",
-  "LIVE_DEV_STYLER_MIXED": "Blandet",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidene er ulike – rediger hver side separat",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Søk etter skrifttyper …",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På denne siden",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Egendefinert",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Bruk «{0}»",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Ingen skrifttyper funnet",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Last inn flere",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tynn",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Ekstra lett",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lett",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra fet",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Linjehøyde",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Tegnavstand",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstand",
-  "LIVE_DEV_STYLER_CASE": "Store/små bokstaver",
-  "LIVE_DEV_STYLER_BOLD": "Fet",
-  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Understrek",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Gjennomstreking",
-  "LIVE_DEV_STYLER_NONE": "Ingen",
-  "LIVE_DEV_STYLER_UPPERCASE": "Store bokstaver",
-  "LIVE_DEV_STYLER_LOWERCASE": "Små bokstaver",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Stor forbokstav",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Venstrejuster",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Midtstill",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Høyrejuster",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Blokkjuster",
-  "LIVE_DEV_STYLER_CLEAR": "Fjern",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Bredde",
-  "LIVE_DEV_STYLER_COLOR": "Farge",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Heltrukken",
-  "LIVE_DEV_STYLER_DASHED": "Stiplet",
-  "LIVE_DEV_STYLER_DOTTED": "Prikket",
-  "LIVE_DEV_STYLER_DOUBLE": "Dobbel",
-  "LIVE_DEV_STYLER_OUTLINE": "Omriss",
-  "LIVE_DEV_STYLER_OFFSET": "Forskyvning",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje og omriss",
-  "LIVE_DEV_STYLER_SIDE": "Side",
-  "LIVE_DEV_STYLER_PADDING": "Indre marg",
-  "LIVE_DEV_STYLER_MARGIN": "Ytre marg",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Rediger alle sider samtidig",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Rediger sidene hver for seg",
-  "LIVE_DEV_STYLER_LINK_NONE": "Uavhengige sider – hver side har sin egen verdi",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Parvis – topp og bunn er koblet, venstre og høyre er koblet",
-  "LIVE_DEV_STYLER_LINK_ALL": "Alle sider er koblet – én verdi for alle sider",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klikk for å endre hvordan sidene er koblet",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
-  "LIVE_DEV_STYLER_TOP": "Topp",
-  "LIVE_DEV_STYLER_RIGHT": "Høyre",
-  "LIVE_DEV_STYLER_BOTTOM": "Bunn",
-  "LIVE_DEV_STYLER_LEFT": "Venstre",
-  "LIVE_DEV_STYLER_DISPLAY": "Visning",
-  "LIVE_DEV_STYLER_DIRECTION": "Retning",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justering",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Juster elementer",
-  "LIVE_DEV_STYLER_WRAP": "Bryt",
-  "LIVE_DEV_STYLER_GAP": "Mellomrom",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolonner",
-  "LIVE_DEV_STYLER_ROWS": "Rader",
-  "LIVE_DEV_STYLER_POSITION": "Posisjon",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-indeks",
-  "LIVE_DEV_STYLER_BLOCK": "Blokk",
-  "LIVE_DEV_STYLER_INLINE": "Innebygd",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Innebygd blokk",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Innebygd flex",
-  "LIVE_DEV_STYLER_GRID": "Rutenett",
-  "LIVE_DEV_STYLER_HIDDEN": "Skjult",
-  "LIVE_DEV_STYLER_ROW": "Rad",
-  "LIVE_DEV_STYLER_COLUMN": "Kolonne",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvendt rad",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvendt kolonne",
-  "LIVE_DEV_STYLER_START": "Start",
-  "LIVE_DEV_STYLER_CENTER": "Senter",
-  "LIVE_DEV_STYLER_END": "Slutt",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Mellomrom mellom",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Mellomrom rundt",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jevnt fordelt",
-  "LIVE_DEV_STYLER_STRETCH": "Strekk",
-  "LIVE_DEV_STYLER_BASELINE": "Grunnlinje",
-  "LIVE_DEV_STYLER_NO_WRAP": "Ingen bryting",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvendt bryting",
-  "LIVE_DEV_STYLER_STATIC": "Statisk",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutt",
-  "LIVE_DEV_STYLER_STICKY": "Klistret",
-  "LIVE_DEV_STYLER_FIXED": "Fastlåst",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Lagre endringer i",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Innebygd",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkte på elementet",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "påvirker {0} på siden",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil …",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Legger til klassen \"{0}\" til dette elementet og lagrer stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Gir dette elementet ID-en \"{0}\" og lagrer stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Lagrer stilen i {0} – stiler kun dette elementet",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Lagrer stilen i {0} – stiler {1} elementer på siden",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Et annet element har allerede den ID-en – prøv en klasse i stedet",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dette samsvarer ikke med det valgte elementet, så endringene dine vil ikke påvirke det",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stiler som «:hover» kan ikke redigeres direkte her ennå",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det ser ikke ut som et gyldig stilnavn – prøv en klasse som .card eller en ID som #hero",
-  "LIVE_DEV_STYLER_CREATE": "Opprett",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "f.eks. .card eller #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Høyde",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Størrelse",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Minste bredde",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksimal bredde",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minste høyde",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksimal høyde",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Vis grenser for min./maks. størrelse",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skjul grenser for min./maks. størrelse",
-  "LIVE_DEV_STYLER_OPACITY": "Opasitet",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Endre enhet – veksler mellom {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Øk {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Reduser {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Øk verdi",
-  "LIVE_DEV_STYLER_DECREASE": "Reduser verdi",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klikk: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Velg farge fra siden"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stil-linjen når elementer er valgt i direkte forhåndsvisning. Standardverdi er 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stil-linjen for direkte forhåndsvisning festes til: 'topp', 'bunn', 'venstre' eller 'høyre'. Standardverdi er 'bunn'",
+  "LIVE_DEV_STYLER_DOCK": "Festeposisjon",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytt linjen til venstre",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytt linjen til høyre",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanlige",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oransje",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gull",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grønn",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Blågrønn",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fiolett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stillinje"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index b31ba27af4..219133896e 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Verwijder",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Afbeeldingengalerij",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Meer opties",
+  "LIVE_DEV_STYLER_BACKGROUND": "Achtergrondkleur",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstkleur",
+  "LIVE_DEV_STYLER_FONT": "Lettertype",
+  "LIVE_DEV_STYLER_SIZE": "Lettergrootte",
+  "LIVE_DEV_STYLER_WEIGHT": "Letterdikte",
+  "LIVE_DEV_STYLER_ALIGN": "Tekstuitlijning",
+  "LIVE_DEV_STYLER_BORDER": "Rand",
+  "LIVE_DEV_STYLER_SPACING": "Marge & opvulling",
+  "LIVE_DEV_STYLER_LAYOUT": "Lay-out",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststijl",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Balk naar boven verplaatsen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Balk naar beneden verplaatsen",
+  "LIVE_DEV_STYLER_RESET": "Wijzigingen resetten",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Geen wijzigingen om te resetten",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Gedaan",
+  "LIVE_DEV_STYLER_MIXED": "Gemengd",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Zijden verschillen — bewerk elke zijde afzonderlijk",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Lettertypen zoeken…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systeem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Op deze pagina",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Aangepast",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gebruik \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Geen lettertypen gevonden",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Meer laden",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dun",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Licht",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Licht",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halfvet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Vet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra vet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Zwart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Regelhoogte",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Letterspatiëring",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Woordspatiëring",
+  "LIVE_DEV_STYLER_CASE": "Kapitalen",
+  "LIVE_DEV_STYLER_BOLD": "Vet",
+  "LIVE_DEV_STYLER_ITALIC": "Cursief",
+  "LIVE_DEV_STYLER_UNDERLINE": "Onderstrepen",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Doorhalen",
+  "LIVE_DEV_STYLER_NONE": "Geen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Hoofdletters",
+  "LIVE_DEV_STYLER_LOWERCASE": "Kleine letters",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitaliseren",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Links uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centreren",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechts uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Uitvullen",
+  "LIVE_DEV_STYLER_CLEAR": "Wissen",
+  "LIVE_DEV_STYLER_RADIUS": "Radius",
+  "LIVE_DEV_STYLER_WIDTH": "Breedte",
+  "LIVE_DEV_STYLER_COLOR": "Kleur",
+  "LIVE_DEV_STYLER_STYLE": "Stijl",
+  "LIVE_DEV_STYLER_SOLID": "Effen",
+  "LIVE_DEV_STYLER_DASHED": "Gestreept",
+  "LIVE_DEV_STYLER_DOTTED": "Gestippeld",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Contour",
+  "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rand & Omlijning",
+  "LIVE_DEV_STYLER_SIDE": "Zijde",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Marge",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle zijden tegelijk bewerken",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Zijden afzonderlijk bewerken",
+  "LIVE_DEV_STYLER_LINK_NONE": "Afzonderlijke zijden - elke zijde heeft zijn eigen waarde",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Gepaard - boven & onder gekoppeld, links & rechts gekoppeld",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alle zijden gekoppeld - één waarde voor elke zijde",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik om te wijzigen hoe zijden gekoppeld zijn",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
   "LIVE_DEV_STYLER_TOP": "Boven",
   "LIVE_DEV_STYLER_RIGHT": "Rechts",
   "LIVE_DEV_STYLER_BOTTOM": "Beneden",
   "LIVE_DEV_STYLER_LEFT": "Links",
+  "LIVE_DEV_STYLER_DISPLAY": "Weergave",
+  "LIVE_DEV_STYLER_DIRECTION": "Richting",
+  "LIVE_DEV_STYLER_JUSTIFY": "Uitlijnen",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Items uitlijnen",
+  "LIVE_DEV_STYLER_WRAP": "Terugloop",
+  "LIVE_DEV_STYLER_GAP": "Tussenruimte",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolommen",
+  "LIVE_DEV_STYLER_ROWS": "Rijen",
+  "LIVE_DEV_STYLER_POSITION": "Positie",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Verborgen",
+  "LIVE_DEV_STYLER_ROW": "Rij",
+  "LIVE_DEV_STYLER_COLUMN": "Kolom",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Rij omgekeerd",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom omgekeerd",
+  "LIVE_DEV_STYLER_START": "Begin",
+  "LIVE_DEV_STYLER_CENTER": "Midden",
+  "LIVE_DEV_STYLER_END": "Einde",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Ruimte tussen",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Ruimte rondom",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gelijkmatige ruimte",
+  "LIVE_DEV_STYLER_STRETCH": "Uitrekken",
+  "LIVE_DEV_STYLER_BASELINE": "Basislijn",
+  "LIVE_DEV_STYLER_NO_WRAP": "Geen terugloop",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omgekeerde terugloop",
+  "LIVE_DEV_STYLER_STATIC": "Statisch",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatief",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Vast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Wijzigingen toepassen op",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "rechtstreeks op het element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Beïnvloedt {0} op de pagina",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nieuwe stijl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nieuwe stijl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Voegt klasse \"{0}\" toe aan dit element en slaat de stijl op in {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Geeft dit element de id \"{0}\" en slaat de stijl op in {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Slaat de stijl op in {0} - stijlt alleen dit element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Slaat de stijl op in {0} - stijlt {1} elementen op de pagina",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Een ander element heeft die id al - probeer in plaats daarvan een klasse",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dit komt niet overeen met het geselecteerde element, dus uw bewerkingen zouden het niet veranderen",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stijlen zoals \":hover\" kunnen hier nog niet live worden bewerkt",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Dat lijkt geen geldige stijlnaam - probeer een class zoals .card of een id zoals #hero",
+  "LIVE_DEV_STYLER_CREATE": "Aanmaken",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "bijv. .card of #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Hoogte",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Grootte",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimale breedte",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximale breedte",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimale hoogte",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximale hoogte",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Toon min/max-afmetingen",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Verberg min/max-groottelimieten",
+  "LIVE_DEV_STYLER_OPACITY": "Opaciteit",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Eenheid wijzigen - wisselt tussen {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Verhoog {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Verlaag {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Waarde verhogen",
+  "LIVE_DEV_STYLER_DECREASE": "Waarde verlagen",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Kies kleur van pagina",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Knippen",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopierën",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Plakken",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "LIVE_DEV_STYLER_BACKGROUND": "Achtergrondkleur",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Tekstkleur",
-  "LIVE_DEV_STYLER_FONT": "Lettertype",
-  "LIVE_DEV_STYLER_SIZE": "Lettergrootte",
-  "LIVE_DEV_STYLER_WEIGHT": "Letterdikte",
-  "LIVE_DEV_STYLER_ALIGN": "Tekstuitlijning",
-  "LIVE_DEV_STYLER_BORDER": "Rand",
-  "LIVE_DEV_STYLER_SPACING": "Marge & opvulling",
-  "LIVE_DEV_STYLER_LAYOUT": "Lay-out",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststijl",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Balk naar boven verplaatsen",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Balk naar beneden verplaatsen",
-  "LIVE_DEV_STYLER_RESET": "Wijzigingen resetten",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Geen wijzigingen om te resetten",
-  "LIVE_DEV_STYLER_MIXED": "Gemengd",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Zijden verschillen — bewerk elke zijde afzonderlijk",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Lettertypen zoeken…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systeem",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Op deze pagina",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Aangepast",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Gebruik \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Geen lettertypen gevonden",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Meer laden",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Dun",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Licht",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Licht",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normaal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halfvet",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Vet",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra vet",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Zwart",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Regelhoogte",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Letterspatiëring",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Woordspatiëring",
-  "LIVE_DEV_STYLER_CASE": "Kapitalen",
-  "LIVE_DEV_STYLER_BOLD": "Vet",
-  "LIVE_DEV_STYLER_ITALIC": "Cursief",
-  "LIVE_DEV_STYLER_UNDERLINE": "Onderstrepen",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Doorhalen",
-  "LIVE_DEV_STYLER_NONE": "Geen",
-  "LIVE_DEV_STYLER_UPPERCASE": "Hoofdletters",
-  "LIVE_DEV_STYLER_LOWERCASE": "Kleine letters",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitaliseren",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Links uitlijnen",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centreren",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Rechts uitlijnen",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Uitvullen",
-  "LIVE_DEV_STYLER_CLEAR": "Wissen",
-  "LIVE_DEV_STYLER_RADIUS": "Radius",
-  "LIVE_DEV_STYLER_WIDTH": "Breedte",
-  "LIVE_DEV_STYLER_COLOR": "Kleur",
-  "LIVE_DEV_STYLER_STYLE": "Stijl",
-  "LIVE_DEV_STYLER_SOLID": "Effen",
-  "LIVE_DEV_STYLER_DASHED": "Gestreept",
-  "LIVE_DEV_STYLER_DOTTED": "Gestippeld",
-  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
-  "LIVE_DEV_STYLER_OUTLINE": "Contour",
-  "LIVE_DEV_STYLER_OFFSET": "Offset",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Rand & Omlijning",
-  "LIVE_DEV_STYLER_SIDE": "Zijde",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Marge",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Alle zijden tegelijk bewerken",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Zijden afzonderlijk bewerken",
-  "LIVE_DEV_STYLER_LINK_NONE": "Afzonderlijke zijden - elke zijde heeft zijn eigen waarde",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Gepaard - boven & onder gekoppeld, links & rechts gekoppeld",
-  "LIVE_DEV_STYLER_LINK_ALL": "Alle zijden gekoppeld - één waarde voor elke zijde",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klik om te wijzigen hoe zijden gekoppeld zijn",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Alle",
-  "LIVE_DEV_STYLER_DISPLAY": "Weergave",
-  "LIVE_DEV_STYLER_DIRECTION": "Richting",
-  "LIVE_DEV_STYLER_JUSTIFY": "Uitlijnen",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Items uitlijnen",
-  "LIVE_DEV_STYLER_WRAP": "Terugloop",
-  "LIVE_DEV_STYLER_GAP": "Tussenruimte",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolommen",
-  "LIVE_DEV_STYLER_ROWS": "Rijen",
-  "LIVE_DEV_STYLER_POSITION": "Positie",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Verborgen",
-  "LIVE_DEV_STYLER_ROW": "Rij",
-  "LIVE_DEV_STYLER_COLUMN": "Kolom",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Rij omgekeerd",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolom omgekeerd",
-  "LIVE_DEV_STYLER_START": "Begin",
-  "LIVE_DEV_STYLER_CENTER": "Midden",
-  "LIVE_DEV_STYLER_END": "Einde",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Ruimte tussen",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Ruimte rondom",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Gelijkmatige ruimte",
-  "LIVE_DEV_STYLER_STRETCH": "Uitrekken",
-  "LIVE_DEV_STYLER_BASELINE": "Basislijn",
-  "LIVE_DEV_STYLER_NO_WRAP": "Geen terugloop",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omgekeerde terugloop",
-  "LIVE_DEV_STYLER_STATIC": "Statisch",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatief",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluut",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Vast",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Wijzigingen toepassen op",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "rechtstreeks op het element",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Beïnvloedt {0} op de pagina",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nieuwe stijl…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nieuwe stijl",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Voegt klasse \"{0}\" toe aan dit element en slaat de stijl op in {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Geeft dit element de id \"{0}\" en slaat de stijl op in {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Slaat de stijl op in {0} - stijlt alleen dit element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Slaat de stijl op in {0} - stijlt {1} elementen op de pagina",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Een ander element heeft die id al - probeer in plaats daarvan een klasse",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Dit komt niet overeen met het geselecteerde element, dus uw bewerkingen zouden het niet veranderen",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stijlen zoals \":hover\" kunnen hier nog niet live worden bewerkt",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Dat lijkt geen geldige stijlnaam - probeer een class zoals .card of een id zoals #hero",
-  "LIVE_DEV_STYLER_CREATE": "Aanmaken",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "bijv. .card of #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Hoogte",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Grootte",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimale breedte",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximale breedte",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimale hoogte",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximale hoogte",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Toon min/max-afmetingen",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Verberg min/max-groottelimieten",
-  "LIVE_DEV_STYLER_OPACITY": "Opaciteit",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Eenheid wijzigen - wisselt tussen {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Verhoog {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Verlaag {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Waarde verhogen",
-  "LIVE_DEV_STYLER_DECREASE": "Waarde verlagen",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Kies kleur van pagina"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Toon de stijlbalk wanneer elementen zijn geselecteerd in de live voorvertoning. Standaard is 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Aan welke kant de stijlbalk van de live voorvertoning wordt vastgezet: 'top', 'bottom', 'left' of 'right'. Standaard is 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Dockpositie",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Verplaats balk naar links",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Verplaats balk naar rechts",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Op de pagina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Algemeen",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Wit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Zilver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grijs",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Zwart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rood",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroen",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranje",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Goud",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Geel",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olijfgroen",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limoengroen",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Groen",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyaan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blauw",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblauw",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Paars",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Roze",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stijlenbalk tonen"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index 019de3a10d..ab8367c8ff 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Usuń",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeria obrazów",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Więcej opcji",
+  "LIVE_DEV_STYLER_BACKGROUND": "Kolor tła",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Kolor tekstu",
+  "LIVE_DEV_STYLER_FONT": "Rodzina czcionek",
+  "LIVE_DEV_STYLER_SIZE": "Rozmiar czcionki",
+  "LIVE_DEV_STYLER_WEIGHT": "Grubość czcionki",
+  "LIVE_DEV_STYLER_ALIGN": "Wyrównanie tekstu",
+  "LIVE_DEV_STYLER_BORDER": "Obramowanie",
+  "LIVE_DEV_STYLER_SPACING": "Margines i dopełnienie",
+  "LIVE_DEV_STYLER_LAYOUT": "Układ",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl tekstu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Przesuń pasek na górę",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Przesuń pasek na dół",
+  "LIVE_DEV_STYLER_RESET": "Zresetuj zmiany",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Brak zmian do zresetowania",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Gotowe",
+  "LIVE_DEV_STYLER_MIXED": "Mieszane",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strony różnią się — edytuj każdą stronę osobno",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Szukaj czcionek…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systemowe",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tej stronie",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Własny",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Użyj \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nie znaleziono czcionek",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Wczytaj więcej",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Cienki",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Bardzo lekki",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lekki",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Zwykły",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Średni",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Półgruby",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Pogrubiony",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra pogrubiony",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Czarny",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinia",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Odstępy między literami",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Odstępy między wyrazami",
+  "LIVE_DEV_STYLER_CASE": "Wielkość liter",
+  "LIVE_DEV_STYLER_BOLD": "Pogrubienie",
+  "LIVE_DEV_STYLER_ITALIC": "Kursywa",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podkreślenie",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Przekreślenie",
+  "LIVE_DEV_STYLER_NONE": "Brak",
+  "LIVE_DEV_STYLER_UPPERCASE": "Wielkie litery",
+  "LIVE_DEV_STYLER_LOWERCASE": "Małe litery",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizacja",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Wyrównaj do lewej",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Wyśrodkuj",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Wyrównaj do prawej",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Wyjustuj",
   "LIVE_DEV_STYLER_CLEAR": "Wyczyść",
+  "LIVE_DEV_STYLER_RADIUS": "Promień",
+  "LIVE_DEV_STYLER_WIDTH": "Szerokość",
+  "LIVE_DEV_STYLER_COLOR": "Kolor",
+  "LIVE_DEV_STYLER_STYLE": "Styl",
+  "LIVE_DEV_STYLER_SOLID": "Ciągły",
+  "LIVE_DEV_STYLER_DASHED": "Przerywany",
+  "LIVE_DEV_STYLER_DOTTED": "Kropkowany",
+  "LIVE_DEV_STYLER_DOUBLE": "Podwójny",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Odsunięcie",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obramowanie i kontur",
+  "LIVE_DEV_STYLER_SIDE": "Bok",
+  "LIVE_DEV_STYLER_PADDING": "Dopełnienie",
+  "LIVE_DEV_STYLER_MARGIN": "Margines",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Edytuj wszystkie boki jednocześnie",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edytuj boki niezależnie",
+  "LIVE_DEV_STYLER_LINK_NONE": "Niezależne boki - każdy bok ma swoją wartość",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Sparowane - góra i dół połączone, lewy i prawy połączone",
+  "LIVE_DEV_STYLER_LINK_ALL": "Wszystkie boki połączone - jedna wartość dla każdego boku",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknij, aby zmienić sposób łączenia boków",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Wszystkie",
   "LIVE_DEV_STYLER_TOP": "Panel górny",
   "LIVE_DEV_STYLER_RIGHT": "Panel prawy",
   "LIVE_DEV_STYLER_BOTTOM": "Panel dolny",
   "LIVE_DEV_STYLER_LEFT": "Panel lewy",
+  "LIVE_DEV_STYLER_DISPLAY": "Wyświetlanie",
+  "LIVE_DEV_STYLER_DIRECTION": "Kierunek",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justowanie",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Wyrównanie elementów",
+  "LIVE_DEV_STYLER_WRAP": "Zawijanie",
+  "LIVE_DEV_STYLER_GAP": "Odstęp",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolumny",
+  "LIVE_DEV_STYLER_ROWS": "Wiersze",
+  "LIVE_DEV_STYLER_POSITION": "Pozycja",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Liniowy",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Liniowo-blokowy",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Liniowy flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Ukryty",
+  "LIVE_DEV_STYLER_ROW": "Wiersz",
+  "LIVE_DEV_STYLER_COLUMN": "Kolumna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Wiersz odwrócony",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolumna odwrócona",
+  "LIVE_DEV_STYLER_START": "Początek",
+  "LIVE_DEV_STYLER_CENTER": "Środek",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Odstęp pomiędzy",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Odstęp wokół",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Równy odstęp",
+  "LIVE_DEV_STYLER_STRETCH": "Rozciągnij",
+  "LIVE_DEV_STYLER_BASELINE": "Linia bazowa",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez zawijania",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Zawijanie odwrócone",
+  "LIVE_DEV_STYLER_STATIC": "Statyczny",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatywny",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutny",
+  "LIVE_DEV_STYLER_STICKY": "Przyklejony",
+  "LIVE_DEV_STYLER_FIXED": "Stały",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Zapisz zmiany w",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Wbudowany",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "bezpośrednio na elemencie",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "wpływa na {0} na stronie",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nowy styl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nowy styl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasę \"{0}\" do tego elementu i zapisuje styl w {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Nadaje temu elementowi ID \"{0}\" i zapisuje styl w {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Zapisuje styl w {0} - stylizuje tylko ten element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Zapisuje styl w {0} - stylizuje {1} elementów na stronie",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Inny element ma już to ID - spróbuj zamiast tego użyć klasy",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "To nie pasuje do wybranego elementu, więc Twoje zmiany go nie zmienią",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Style takie jak \":hover\" nie mogą być jeszcze tutaj edytowane na żywo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To nie wygląda na prawidłową nazwę stylu - spróbuj użyć klasy, np. .card, lub ID, np. #hero",
+  "LIVE_DEV_STYLER_CREATE": "Utwórz",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "np. .card lub #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Wysokość",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Rozmiar",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimalna szerokość",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksymalna szerokość",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimalna wysokość",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksymalna wysokość",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Pokaż ograniczenia min./maks. rozmiaru",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ukryj ograniczenia min./maks. rozmiaru",
+  "LIVE_DEV_STYLER_OPACITY": "Krycie",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmień jednostkę - przełącza pomiędzy {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zwiększ {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Zmniejsz {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zwiększ wartość",
+  "LIVE_DEV_STYLER_DECREASE": "Zmniejsz wartość",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kliknięcie: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Pobierz kolor ze strony",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Wytnij",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiuj",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Wklej",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "LIVE_DEV_STYLER_BACKGROUND": "Kolor tła",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Kolor tekstu",
-  "LIVE_DEV_STYLER_FONT": "Rodzina czcionek",
-  "LIVE_DEV_STYLER_SIZE": "Rozmiar czcionki",
-  "LIVE_DEV_STYLER_WEIGHT": "Grubość czcionki",
-  "LIVE_DEV_STYLER_ALIGN": "Wyrównanie tekstu",
-  "LIVE_DEV_STYLER_BORDER": "Obramowanie",
-  "LIVE_DEV_STYLER_SPACING": "Margines i dopełnienie",
-  "LIVE_DEV_STYLER_LAYOUT": "Układ",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Styl tekstu",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Przesuń pasek na górę",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Przesuń pasek na dół",
-  "LIVE_DEV_STYLER_RESET": "Zresetuj zmiany",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Brak zmian do zresetowania",
-  "LIVE_DEV_STYLER_MIXED": "Mieszane",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Strony różnią się — edytuj każdą stronę osobno",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Szukaj czcionek…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systemowe",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tej stronie",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Własny",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Użyj \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nie znaleziono czcionek",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Wczytaj więcej",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Cienki",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Bardzo lekki",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lekki",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Zwykły",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Średni",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Półgruby",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Pogrubiony",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra pogrubiony",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Czarny",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinia",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Odstępy między literami",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Odstępy między wyrazami",
-  "LIVE_DEV_STYLER_CASE": "Wielkość liter",
-  "LIVE_DEV_STYLER_BOLD": "Pogrubienie",
-  "LIVE_DEV_STYLER_ITALIC": "Kursywa",
-  "LIVE_DEV_STYLER_UNDERLINE": "Podkreślenie",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Przekreślenie",
-  "LIVE_DEV_STYLER_NONE": "Brak",
-  "LIVE_DEV_STYLER_UPPERCASE": "Wielkie litery",
-  "LIVE_DEV_STYLER_LOWERCASE": "Małe litery",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalizacja",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Wyrównaj do lewej",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Wyśrodkuj",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Wyrównaj do prawej",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Wyjustuj",
-  "LIVE_DEV_STYLER_RADIUS": "Promień",
-  "LIVE_DEV_STYLER_WIDTH": "Szerokość",
-  "LIVE_DEV_STYLER_COLOR": "Kolor",
-  "LIVE_DEV_STYLER_STYLE": "Styl",
-  "LIVE_DEV_STYLER_SOLID": "Ciągły",
-  "LIVE_DEV_STYLER_DASHED": "Przerywany",
-  "LIVE_DEV_STYLER_DOTTED": "Kropkowany",
-  "LIVE_DEV_STYLER_DOUBLE": "Podwójny",
-  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
-  "LIVE_DEV_STYLER_OFFSET": "Odsunięcie",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Obramowanie i kontur",
-  "LIVE_DEV_STYLER_SIDE": "Bok",
-  "LIVE_DEV_STYLER_PADDING": "Dopełnienie",
-  "LIVE_DEV_STYLER_MARGIN": "Margines",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Edytuj wszystkie boki jednocześnie",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Edytuj boki niezależnie",
-  "LIVE_DEV_STYLER_LINK_NONE": "Niezależne boki - każdy bok ma swoją wartość",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Sparowane - góra i dół połączone, lewy i prawy połączone",
-  "LIVE_DEV_STYLER_LINK_ALL": "Wszystkie boki połączone - jedna wartość dla każdego boku",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknij, aby zmienić sposób łączenia boków",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Wszystkie",
-  "LIVE_DEV_STYLER_DISPLAY": "Wyświetlanie",
-  "LIVE_DEV_STYLER_DIRECTION": "Kierunek",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justowanie",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Wyrównanie elementów",
-  "LIVE_DEV_STYLER_WRAP": "Zawijanie",
-  "LIVE_DEV_STYLER_GAP": "Odstęp",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolumny",
-  "LIVE_DEV_STYLER_ROWS": "Wiersze",
-  "LIVE_DEV_STYLER_POSITION": "Pozycja",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Liniowy",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Liniowo-blokowy",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Liniowy flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Ukryty",
-  "LIVE_DEV_STYLER_ROW": "Wiersz",
-  "LIVE_DEV_STYLER_COLUMN": "Kolumna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Wiersz odwrócony",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Kolumna odwrócona",
-  "LIVE_DEV_STYLER_START": "Początek",
-  "LIVE_DEV_STYLER_CENTER": "Środek",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Odstęp pomiędzy",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Odstęp wokół",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Równy odstęp",
-  "LIVE_DEV_STYLER_STRETCH": "Rozciągnij",
-  "LIVE_DEV_STYLER_BASELINE": "Linia bazowa",
-  "LIVE_DEV_STYLER_NO_WRAP": "Bez zawijania",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Zawijanie odwrócone",
-  "LIVE_DEV_STYLER_STATIC": "Statyczny",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatywny",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolutny",
-  "LIVE_DEV_STYLER_STICKY": "Przyklejony",
-  "LIVE_DEV_STYLER_FIXED": "Stały",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Zapisz zmiany w",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Wbudowany",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "bezpośrednio na elemencie",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "wpływa na {0} na stronie",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nowy styl…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nowy styl",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Dodaje klasę \"{0}\" do tego elementu i zapisuje styl w {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Nadaje temu elementowi ID \"{0}\" i zapisuje styl w {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Zapisuje styl w {0} - stylizuje tylko ten element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Zapisuje styl w {0} - stylizuje {1} elementów na stronie",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Inny element ma już to ID - spróbuj zamiast tego użyć klasy",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "To nie pasuje do wybranego elementu, więc Twoje zmiany go nie zmienią",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Style takie jak \":hover\" nie mogą być jeszcze tutaj edytowane na żywo",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "To nie wygląda na prawidłową nazwę stylu - spróbuj użyć klasy, np. .card, lub ID, np. #hero",
-  "LIVE_DEV_STYLER_CREATE": "Utwórz",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "np. .card lub #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Wysokość",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Rozmiar",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimalna szerokość",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maksymalna szerokość",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimalna wysokość",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maksymalna wysokość",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Pokaż ograniczenia min./maks. rozmiaru",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ukryj ograniczenia min./maks. rozmiaru",
-  "LIVE_DEV_STYLER_OPACITY": "Krycie",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmień jednostkę - przełącza pomiędzy {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zwiększ {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Zmniejsz {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Zwiększ wartość",
-  "LIVE_DEV_STYLER_DECREASE": "Zmniejsz wartość",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + kliknięcie: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Pobierz kolor ze strony"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Pokaż pasek stylów, gdy elementy są zaznaczone w podglądzie na żywo. Wartość domyślna to „true”.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strona, do której dokuje pasek stylów podglądu na żywo: „top”, „bottom”, „left” lub „right”. Wartość domyślna to „bottom”.",
+  "LIVE_DEV_STYLER_DOCK": "Pozycja dokowania",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Przesuń pasek w lewo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Przesuń pasek w prawo",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na tej stronie",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Powszechne",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Biały",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrny",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Szary",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Czarny",
+  "LIVE_DEV_STYLER_COLOR_RED": "Czerwony",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Kasztanowy",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Pomarańczowy",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Złoty",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Żółty",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliwkowy",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limonkowy",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zielony",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Morski",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyjan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Niebieski",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Granatowy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indygo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpurowy",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fioletowy",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Różowy",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Pokaż pasek stylów"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 08301f9b31..086dac36e9 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Excluir",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeria de Imagens",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Mais Opções",
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Família da fonte",
+  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Borda",
+  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_RESET": "Redefinir alterações",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nenhuma alteração para redefinir",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Lados diferem — edite cada lado separadamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar fontes…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_ITALIC": "Itálico",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
+  "LIVE_DEV_STYLER_NONE": "Nenhum",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centralizar",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Largura",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólida",
+  "LIVE_DEV_STYLER_DASHED": "Tracejada",
+  "LIVE_DEV_STYLER_DOTTED": "Pontilhada",
+  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borda e Contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Espaçamento Interno",
+  "LIVE_DEV_STYLER_MARGIN": "Margem",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados juntos",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados separadamente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem seu próprio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Em pares - superior e inferior vinculados, esquerdo e direito vinculados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados - um valor para cada lado",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar como os lados são vinculados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
   "LIVE_DEV_STYLER_TOP": "Início",
   "LIVE_DEV_STYLER_RIGHT": "Direita",
   "LIVE_DEV_STYLER_BOTTOM": "Fim",
   "LIVE_DEV_STYLER_LEFT": "Esquerda",
+  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
+  "LIVE_DEV_STYLER_DIRECTION": "Direção",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
+  "LIVE_DEV_STYLER_WRAP": "Quebra",
+  "LIVE_DEV_STYLER_GAP": "Espaçamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
+  "LIVE_DEV_STYLER_ROWS": "Linhas",
+  "LIVE_DEV_STYLER_POSITION": "Posição",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloco",
+  "LIVE_DEV_STYLER_INLINE": "Em linha",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em linha",
+  "LIVE_DEV_STYLER_GRID": "Grade",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Linha",
+  "LIVE_DEV_STYLER_COLUMN": "Coluna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Reversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Reversa",
+  "LIVE_DEV_STYLER_START": "Início",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço Entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço ao Redor",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço Uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Esticar",
+  "LIVE_DEV_STYLER_BASELINE": "Linha de Base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Não Quebrar",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra de Linha Reversa",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Aderente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salvar alterações em",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Embutido",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e salva o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui o id \"{0}\" a este elemento e salva o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva o estilo em {0} - estiliza apenas este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva o estilo em {0} - estiliza {1} elementos na página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já possui esse id - tente usar uma classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, então suas edições não o alterarão",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados ao vivo aqui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece um nome de estilo válido - tente uma classe como .card ou um id como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Criar",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ex.: .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Recortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Colar",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
-  "LIVE_DEV_STYLER_FONT": "Família da fonte",
-  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
-  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
-  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
-  "LIVE_DEV_STYLER_BORDER": "Borda",
-  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
-  "LIVE_DEV_STYLER_RESET": "Redefinir alterações",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nenhuma alteração para redefinir",
-  "LIVE_DEV_STYLER_MIXED": "Misto",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Lados diferem — edite cada lado separadamente",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar fontes…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Negrito",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
-  "LIVE_DEV_STYLER_CASE": "Caixa",
-  "LIVE_DEV_STYLER_BOLD": "Negrito",
-  "LIVE_DEV_STYLER_ITALIC": "Itálico",
-  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tachado",
-  "LIVE_DEV_STYLER_NONE": "Nenhum",
-  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centralizar",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
-  "LIVE_DEV_STYLER_CLEAR": "Limpar",
-  "LIVE_DEV_STYLER_RADIUS": "Raio",
-  "LIVE_DEV_STYLER_WIDTH": "Largura",
-  "LIVE_DEV_STYLER_COLOR": "Cor",
-  "LIVE_DEV_STYLER_STYLE": "Estilo",
-  "LIVE_DEV_STYLER_SOLID": "Sólida",
-  "LIVE_DEV_STYLER_DASHED": "Tracejada",
-  "LIVE_DEV_STYLER_DOTTED": "Pontilhada",
-  "LIVE_DEV_STYLER_DOUBLE": "Dupla",
-  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
-  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Borda e Contorno",
-  "LIVE_DEV_STYLER_SIDE": "Lado",
-  "LIVE_DEV_STYLER_PADDING": "Espaçamento Interno",
-  "LIVE_DEV_STYLER_MARGIN": "Margem",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados juntos",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados separadamente",
-  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem seu próprio valor",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Em pares - superior e inferior vinculados, esquerdo e direito vinculados",
-  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados vinculados - um valor para cada lado",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar como os lados são vinculados",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
-  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
-  "LIVE_DEV_STYLER_DIRECTION": "Direção",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
-  "LIVE_DEV_STYLER_WRAP": "Quebra",
-  "LIVE_DEV_STYLER_GAP": "Espaçamento",
-  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
-  "LIVE_DEV_STYLER_ROWS": "Linhas",
-  "LIVE_DEV_STYLER_POSITION": "Posição",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Bloco",
-  "LIVE_DEV_STYLER_INLINE": "Em linha",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em linha",
-  "LIVE_DEV_STYLER_GRID": "Grade",
-  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
-  "LIVE_DEV_STYLER_ROW": "Linha",
-  "LIVE_DEV_STYLER_COLUMN": "Coluna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Reversa",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Reversa",
-  "LIVE_DEV_STYLER_START": "Início",
-  "LIVE_DEV_STYLER_CENTER": "Centro",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço Entre",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço ao Redor",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço Uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Esticar",
-  "LIVE_DEV_STYLER_BASELINE": "Linha de Base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Não Quebrar",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra de Linha Reversa",
-  "LIVE_DEV_STYLER_STATIC": "Estático",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
-  "LIVE_DEV_STYLER_STICKY": "Aderente",
-  "LIVE_DEV_STYLER_FIXED": "Fixo",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Salvar alterações em",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Embutido",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e salva o estilo em {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui o id \"{0}\" a este elemento e salva o estilo em {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salva o estilo em {0} - estiliza apenas este elemento",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salva o estilo em {0} - estiliza {1} elementos na página",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já possui esse id - tente usar uma classe",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, então suas edições não o alterarão",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados ao vivo aqui",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece um nome de estilo válido - tente uma classe como .card ou um id como #hero",
-  "LIVE_DEV_STYLER_CREATE": "Criar",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "ex.: .card ou #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Altura",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
-  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
-  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando elementos são selecionados na visualização ao vivo. O padrão é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado em que a barra de estilos da visualização ao vivo é fixada: 'top', 'bottom', 'left' ou 'right'. O padrão é 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Posição de encaixe",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinza",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 31d1543c62..1050059df1 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Eliminar",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galeria de Imagens",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Mais Opções",
+  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
+  "LIVE_DEV_STYLER_FONT": "Família de fonte",
+  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
+  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
+  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
+  "LIVE_DEV_STYLER_BORDER": "Bordo",
+  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
+  "LIVE_DEV_STYLER_LAYOUT": "Disposição",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_RESET": "Repor alterações",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sem alterações para repor",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
+  "LIVE_DEV_STYLER_MIXED": "Misto",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados diferem — edite cada lado separadamente",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar tipos de letra…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra negrito",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
+  "LIVE_DEV_STYLER_CASE": "Caixa",
+  "LIVE_DEV_STYLER_BOLD": "Negrito",
+  "LIVE_DEV_STYLER_ITALIC": "Itálico",
+  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Rasurado",
+  "LIVE_DEV_STYLER_NONE": "Nenhum",
+  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinhar ao centro",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_CLEAR": "Limpar",
+  "LIVE_DEV_STYLER_RADIUS": "Raio",
+  "LIVE_DEV_STYLER_WIDTH": "Largura",
+  "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_STYLE": "Estilo",
+  "LIVE_DEV_STYLER_SOLID": "Sólido",
+  "LIVE_DEV_STYLER_DASHED": "Tracejado",
+  "LIVE_DEV_STYLER_DOTTED": "Pontilhado",
+  "LIVE_DEV_STYLER_DOUBLE": "Duplo",
+  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
+  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e Contorno",
+  "LIVE_DEV_STYLER_SIDE": "Lado",
+  "LIVE_DEV_STYLER_PADDING": "Espaçamento interno",
+  "LIVE_DEV_STYLER_MARGIN": "Margem",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados em conjunto",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados independentemente",
+  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem o seu próprio valor",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparelhado - superior e inferior ligados, esquerdo e direito ligados",
+  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados ligados - um valor para todos os lados",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar a ligação dos lados",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
+  "LIVE_DEV_STYLER_TOP": "Superior",
+  "LIVE_DEV_STYLER_RIGHT": "Direita",
+  "LIVE_DEV_STYLER_BOTTOM": "Inferior",
+  "LIVE_DEV_STYLER_LEFT": "Esquerda",
+  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
+  "LIVE_DEV_STYLER_DIRECTION": "Direção",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
+  "LIVE_DEV_STYLER_WRAP": "Quebra",
+  "LIVE_DEV_STYLER_GAP": "Espaçamento",
+  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
+  "LIVE_DEV_STYLER_ROWS": "Linhas",
+  "LIVE_DEV_STYLER_POSITION": "Posição",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloco",
+  "LIVE_DEV_STYLER_INLINE": "Em linha",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em Linha",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
+  "LIVE_DEV_STYLER_ROW": "Linha",
+  "LIVE_DEV_STYLER_COLUMN": "Coluna",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Inversa",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Inversa",
+  "LIVE_DEV_STYLER_START": "Início",
+  "LIVE_DEV_STYLER_CENTER": "Centro",
+  "LIVE_DEV_STYLER_END": "Fim",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço entre",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço à volta",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço uniforme",
+  "LIVE_DEV_STYLER_STRETCH": "Esticar",
+  "LIVE_DEV_STYLER_BASELINE": "Linha de base",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sem quebra",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra inversa",
+  "LIVE_DEV_STYLER_STATIC": "Estático",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
+  "LIVE_DEV_STYLER_STICKY": "Aderente",
+  "LIVE_DEV_STYLER_FIXED": "Fixo",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar alterações em",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Em linha",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e guarda o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui a este elemento o id \"{0}\" e guarda o estilo em {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda o estilo em {0} - aplica o estilo apenas a este elemento",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda o estilo em {0} - aplica o estilo a {1} elementos na página",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já tem esse ID - experimente usar uma classe",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, pelo que as suas edições não o irão alterar",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados em tempo real aqui",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece ser um nome de estilo válido - experimente uma classe como .card ou um ID como #hero",
+  "LIVE_DEV_STYLER_CREATE": "Criar",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ex. .card ou #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Altura",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
+  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
+  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Cortar",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiar",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Colar",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_STYLER_BACKGROUND": "Cor de fundo",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Cor do texto",
-  "LIVE_DEV_STYLER_FONT": "Família de fonte",
-  "LIVE_DEV_STYLER_SIZE": "Tamanho da fonte",
-  "LIVE_DEV_STYLER_WEIGHT": "Peso da fonte",
-  "LIVE_DEV_STYLER_ALIGN": "Alinhamento do texto",
-  "LIVE_DEV_STYLER_BORDER": "Bordo",
-  "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
-  "LIVE_DEV_STYLER_LAYOUT": "Disposição",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
-  "LIVE_DEV_STYLER_RESET": "Repor alterações",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sem alterações para repor",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
-  "LIVE_DEV_STYLER_MIXED": "Misto",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Os lados diferem — edite cada lado separadamente",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Pesquisar tipos de letra…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistema",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Nesta página",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizado",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Usar \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenhuma fonte encontrada",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Carregar mais",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Fino",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra Leve",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Leve",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Regular",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Médio",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Seminegrito",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Negrito",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra negrito",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Preto",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Altura da linha",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Espaçamento entre letras",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Espaçamento entre palavras",
-  "LIVE_DEV_STYLER_CASE": "Caixa",
-  "LIVE_DEV_STYLER_BOLD": "Negrito",
-  "LIVE_DEV_STYLER_ITALIC": "Itálico",
-  "LIVE_DEV_STYLER_UNDERLINE": "Sublinhado",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Rasurado",
-  "LIVE_DEV_STYLER_NONE": "Nenhum",
-  "LIVE_DEV_STYLER_UPPERCASE": "Maiúsculas",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minúsculas",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizar",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Alinhar à esquerda",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Alinhar ao centro",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Alinhar à direita",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificar",
-  "LIVE_DEV_STYLER_CLEAR": "Limpar",
-  "LIVE_DEV_STYLER_RADIUS": "Raio",
-  "LIVE_DEV_STYLER_WIDTH": "Largura",
-  "LIVE_DEV_STYLER_COLOR": "Cor",
-  "LIVE_DEV_STYLER_STYLE": "Estilo",
-  "LIVE_DEV_STYLER_SOLID": "Sólido",
-  "LIVE_DEV_STYLER_DASHED": "Tracejado",
-  "LIVE_DEV_STYLER_DOTTED": "Pontilhado",
-  "LIVE_DEV_STYLER_DOUBLE": "Duplo",
-  "LIVE_DEV_STYLER_OUTLINE": "Contorno",
-  "LIVE_DEV_STYLER_OFFSET": "Deslocamento",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordo e Contorno",
-  "LIVE_DEV_STYLER_SIDE": "Lado",
-  "LIVE_DEV_STYLER_PADDING": "Espaçamento interno",
-  "LIVE_DEV_STYLER_MARGIN": "Margem",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Editar todos os lados em conjunto",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editar lados independentemente",
-  "LIVE_DEV_STYLER_LINK_NONE": "Lados independentes - cada lado tem o seu próprio valor",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Emparelhado - superior e inferior ligados, esquerdo e direito ligados",
-  "LIVE_DEV_STYLER_LINK_ALL": "Todos os lados ligados - um valor para todos os lados",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Clique para alterar a ligação dos lados",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Todos",
-  "LIVE_DEV_STYLER_TOP": "Superior",
-  "LIVE_DEV_STYLER_RIGHT": "Direita",
-  "LIVE_DEV_STYLER_BOTTOM": "Inferior",
-  "LIVE_DEV_STYLER_LEFT": "Esquerda",
-  "LIVE_DEV_STYLER_DISPLAY": "Exibição",
-  "LIVE_DEV_STYLER_DIRECTION": "Direção",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justificar",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Alinhar itens",
-  "LIVE_DEV_STYLER_WRAP": "Quebra",
-  "LIVE_DEV_STYLER_GAP": "Espaçamento",
-  "LIVE_DEV_STYLER_COLUMNS": "Colunas",
-  "LIVE_DEV_STYLER_ROWS": "Linhas",
-  "LIVE_DEV_STYLER_POSITION": "Posição",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Bloco",
-  "LIVE_DEV_STYLER_INLINE": "Em linha",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Bloco em linha",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex em Linha",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Oculto",
-  "LIVE_DEV_STYLER_ROW": "Linha",
-  "LIVE_DEV_STYLER_COLUMN": "Coluna",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Linha Inversa",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coluna Inversa",
-  "LIVE_DEV_STYLER_START": "Início",
-  "LIVE_DEV_STYLER_CENTER": "Centro",
-  "LIVE_DEV_STYLER_END": "Fim",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Espaço entre",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Espaço à volta",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Espaço uniforme",
-  "LIVE_DEV_STYLER_STRETCH": "Esticar",
-  "LIVE_DEV_STYLER_BASELINE": "Linha de base",
-  "LIVE_DEV_STYLER_NO_WRAP": "Sem quebra",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Quebra inversa",
-  "LIVE_DEV_STYLER_STATIC": "Estático",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativo",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absoluto",
-  "LIVE_DEV_STYLER_STICKY": "Aderente",
-  "LIVE_DEV_STYLER_FIXED": "Fixo",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Guardar alterações em",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Em linha",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "diretamente no elemento",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "afeta {0} na página",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Novo estilo…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Novo estilo",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adiciona a classe \"{0}\" a este elemento e guarda o estilo em {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribui a este elemento o id \"{0}\" e guarda o estilo em {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Guarda o estilo em {0} - aplica o estilo apenas a este elemento",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Guarda o estilo em {0} - aplica o estilo a {1} elementos na página",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Outro elemento já tem esse ID - experimente usar uma classe",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Isto não corresponde ao elemento selecionado, pelo que as suas edições não o irão alterar",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Estilos como \":hover\" ainda não podem ser editados em tempo real aqui",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Isso não parece ser um nome de estilo válido - experimente uma classe como .card ou um ID como #hero",
-  "LIVE_DEV_STYLER_CREATE": "Criar",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "p. ex. .card ou #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Altura",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Tamanho",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Largura mín.",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Largura máx.",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Altura mín.",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Altura máx.",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Mostrar limites de tamanho mín./máx.",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ocultar limites de tamanho mín./máx.",
-  "LIVE_DEV_STYLER_OPACITY": "Opacidade",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Alterar unidade - alterna entre {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Aumentar {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Diminuir {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Aumentar valor",
-  "LIVE_DEV_STYLER_DECREASE": "Diminuir valor",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clique: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Selecionar cor da página"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando os elementos são selecionados na pré-visualização em tempo real. O valor predefinido é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "O lado em que a barra de estilos da pré-visualização em tempo real é ancorada: 'top', 'bottom', 'left' ou 'right'. O valor predefinido é 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Posição de ancoragem",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prateado",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinzento",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Azeitona",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 1b8309e609..713796297b 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Șterge",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galerie de imagini",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Mai multe opțiuni",
+  "LIVE_DEV_STYLER_BACKGROUND": "Culoare de fundal",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Culoare text",
+  "LIVE_DEV_STYLER_FONT": "Familie de fonturi",
+  "LIVE_DEV_STYLER_SIZE": "Dimensiune font",
+  "LIVE_DEV_STYLER_WEIGHT": "Grosime font",
+  "LIVE_DEV_STYLER_ALIGN": "Aliniere text",
+  "LIVE_DEV_STYLER_BORDER": "Bordură",
+  "LIVE_DEV_STYLER_SPACING": "Margine și spațiere",
+  "LIVE_DEV_STYLER_LAYOUT": "Aranjament",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil text",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Mută bara sus",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mută bara jos",
+  "LIVE_DEV_STYLER_RESET": "Resetează modificările",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nicio modificare de resetat",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminat",
+  "LIVE_DEV_STYLER_MIXED": "Mixt",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Laturile diferă — editează fiecare latură separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Caută fonturi…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Pe această pagină",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizat",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Folosește „{0}”",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nu s-au găsit fonturi",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Încarcă mai multe",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Subțire",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra subțire",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ușor",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mediu",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semi-îngroșat",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Aldin",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Aldin",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinie",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Spațiere între litere",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Spațiere între cuvinte",
+  "LIVE_DEV_STYLER_CASE": "Capitalizare",
+  "LIVE_DEV_STYLER_BOLD": "Aldin",
+  "LIVE_DEV_STYLER_ITALIC": "Cursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Subliniat",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tăiat",
+  "LIVE_DEV_STYLER_NONE": "Fără",
+  "LIVE_DEV_STYLER_UPPERCASE": "Majuscule",
+  "LIVE_DEV_STYLER_LOWERCASE": "Minuscule",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizează",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliniere la stânga",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliniere la centru",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliniere la dreapta",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificare",
+  "LIVE_DEV_STYLER_CLEAR": "Curăță",
+  "LIVE_DEV_STYLER_RADIUS": "Rază",
+  "LIVE_DEV_STYLER_WIDTH": "Lățime",
+  "LIVE_DEV_STYLER_COLOR": "Culoare",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Solid",
+  "LIVE_DEV_STYLER_DASHED": "Întrerupt",
+  "LIVE_DEV_STYLER_DOTTED": "Punctat",
+  "LIVE_DEV_STYLER_DOUBLE": "Dublu",
+  "LIVE_DEV_STYLER_OUTLINE": "Contur",
+  "LIVE_DEV_STYLER_OFFSET": "Decalaj",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordură și Contur",
+  "LIVE_DEV_STYLER_SIDE": "Latură",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Editați toate laturile împreună",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editați laturile independent",
+  "LIVE_DEV_STYLER_LINK_NONE": "Laturi independente - fiecare latură are propria sa valoare",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Împerecheate - sus și jos legate, stânga și dreapta legate",
+  "LIVE_DEV_STYLER_LINK_ALL": "Toate laturile legate - o singură valoare pentru fiecare latură",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faceți clic pentru a schimba modul în care sunt legate laturile",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Toate",
   "LIVE_DEV_STYLER_TOP": "Sus",
   "LIVE_DEV_STYLER_RIGHT": "Dreapta",
   "LIVE_DEV_STYLER_BOTTOM": "Jos",
   "LIVE_DEV_STYLER_LEFT": "Stânga",
+  "LIVE_DEV_STYLER_DISPLAY": "Afișare",
+  "LIVE_DEV_STYLER_DIRECTION": "Direcție",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justificare",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliniere elemente",
+  "LIVE_DEV_STYLER_WRAP": "Împachetare",
+  "LIVE_DEV_STYLER_GAP": "Spațiu",
+  "LIVE_DEV_STYLER_COLUMNS": "Coloane",
+  "LIVE_DEV_STYLER_ROWS": "Rânduri",
+  "LIVE_DEV_STYLER_POSITION": "Poziție",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Bloc",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Bloc",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
+  "LIVE_DEV_STYLER_GRID": "Grilă",
+  "LIVE_DEV_STYLER_HIDDEN": "Ascuns",
+  "LIVE_DEV_STYLER_ROW": "Rând",
+  "LIVE_DEV_STYLER_COLUMN": "Coloană",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Rând invers",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coloană inversă",
+  "LIVE_DEV_STYLER_START": "Început",
+  "LIVE_DEV_STYLER_CENTER": "Centru",
+  "LIVE_DEV_STYLER_END": "Sfârșit",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spațiu între",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Spațiu în jur",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spațiu uniform",
+  "LIVE_DEV_STYLER_STRETCH": "Întindere",
+  "LIVE_DEV_STYLER_BASELINE": "Linie de bază",
+  "LIVE_DEV_STYLER_NO_WRAP": "Fără încadrare",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Încadrare inversă",
+  "LIVE_DEV_STYLER_STATIC": "Static",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Sticky",
+  "LIVE_DEV_STYLER_FIXED": "Fix",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Salvează modificările la",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direct pe element",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "afectează {0} pe pagină",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Stil nou…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Stil nou",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adaugă clasa \"{0}\" acestui element și salvează stilul în {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribuie acestui element ID-ul \"{0}\" și salvează stilul în {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salvează stilul în {0} - stilează doar acest element",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salvează stilul în {0} - stilează {1} elemente pe pagină",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un alt element are deja acel ID - încearcă o clasă în schimb",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Acesta nu corespunde elementului selectat, așa că modificările tale nu l-ar schimba",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilurile precum \":hover\" nu pot fi încă editate live aici",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Acesta nu pare a fi un nume de stil valid - încearcă o clasă precum .card sau un id precum #hero",
+  "LIVE_DEV_STYLER_CREATE": "Creează",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "de ex. .card sau #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Înălțime",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensiune",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Lățime minimă",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Lățime maximă",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Înălțime minimă",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Înălțime maximă",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afișează limitele de dimensiune min/max",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ascunde limitele de dimensiune min / max",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitate",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Schimbă unitatea - comută între {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Mărește {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Micșorează {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Mărește valoarea",
+  "LIVE_DEV_STYLER_DECREASE": "Micșorează valoarea",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clic: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Alege o culoare de pe pagină",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Taie",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Copiază",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Lipește",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "LIVE_DEV_STYLER_BACKGROUND": "Culoare de fundal",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Culoare text",
-  "LIVE_DEV_STYLER_FONT": "Familie de fonturi",
-  "LIVE_DEV_STYLER_SIZE": "Dimensiune font",
-  "LIVE_DEV_STYLER_WEIGHT": "Grosime font",
-  "LIVE_DEV_STYLER_ALIGN": "Aliniere text",
-  "LIVE_DEV_STYLER_BORDER": "Bordură",
-  "LIVE_DEV_STYLER_SPACING": "Margine și spațiere",
-  "LIVE_DEV_STYLER_LAYOUT": "Aranjament",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Stil text",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Mută bara sus",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mută bara jos",
-  "LIVE_DEV_STYLER_RESET": "Resetează modificările",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nicio modificare de resetat",
-  "LIVE_DEV_STYLER_MIXED": "Mixt",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Laturile diferă — editează fiecare latură separat",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Caută fonturi…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Pe această pagină",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Personalizat",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Folosește „{0}”",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nu s-au găsit fonturi",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Încarcă mai multe",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Subțire",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra subțire",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Ușor",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Mediu",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Semi-îngroșat",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Aldin",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra Aldin",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Black",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Interlinie",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Spațiere între litere",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Spațiere între cuvinte",
-  "LIVE_DEV_STYLER_CASE": "Capitalizare",
-  "LIVE_DEV_STYLER_BOLD": "Aldin",
-  "LIVE_DEV_STYLER_ITALIC": "Cursiv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Subliniat",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Tăiat",
-  "LIVE_DEV_STYLER_NONE": "Fără",
-  "LIVE_DEV_STYLER_UPPERCASE": "Majuscule",
-  "LIVE_DEV_STYLER_LOWERCASE": "Minuscule",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Capitalizează",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Aliniere la stânga",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Aliniere la centru",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Aliniere la dreapta",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Justificare",
-  "LIVE_DEV_STYLER_CLEAR": "Curăță",
-  "LIVE_DEV_STYLER_RADIUS": "Rază",
-  "LIVE_DEV_STYLER_WIDTH": "Lățime",
-  "LIVE_DEV_STYLER_COLOR": "Culoare",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Solid",
-  "LIVE_DEV_STYLER_DASHED": "Întrerupt",
-  "LIVE_DEV_STYLER_DOTTED": "Punctat",
-  "LIVE_DEV_STYLER_DOUBLE": "Dublu",
-  "LIVE_DEV_STYLER_OUTLINE": "Contur",
-  "LIVE_DEV_STYLER_OFFSET": "Decalaj",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Bordură și Contur",
-  "LIVE_DEV_STYLER_SIDE": "Latură",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margin",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Editați toate laturile împreună",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Editați laturile independent",
-  "LIVE_DEV_STYLER_LINK_NONE": "Laturi independente - fiecare latură are propria sa valoare",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Împerecheate - sus și jos legate, stânga și dreapta legate",
-  "LIVE_DEV_STYLER_LINK_ALL": "Toate laturile legate - o singură valoare pentru fiecare latură",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Faceți clic pentru a schimba modul în care sunt legate laturile",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Toate",
-  "LIVE_DEV_STYLER_DISPLAY": "Afișare",
-  "LIVE_DEV_STYLER_DIRECTION": "Direcție",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justificare",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Aliniere elemente",
-  "LIVE_DEV_STYLER_WRAP": "Împachetare",
-  "LIVE_DEV_STYLER_GAP": "Spațiu",
-  "LIVE_DEV_STYLER_COLUMNS": "Coloane",
-  "LIVE_DEV_STYLER_ROWS": "Rânduri",
-  "LIVE_DEV_STYLER_POSITION": "Poziție",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Bloc",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline Bloc",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline Flex",
-  "LIVE_DEV_STYLER_GRID": "Grilă",
-  "LIVE_DEV_STYLER_HIDDEN": "Ascuns",
-  "LIVE_DEV_STYLER_ROW": "Rând",
-  "LIVE_DEV_STYLER_COLUMN": "Coloană",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Rând invers",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Coloană inversă",
-  "LIVE_DEV_STYLER_START": "Început",
-  "LIVE_DEV_STYLER_CENTER": "Centru",
-  "LIVE_DEV_STYLER_END": "Sfârșit",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Spațiu între",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Spațiu în jur",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Spațiu uniform",
-  "LIVE_DEV_STYLER_STRETCH": "Întindere",
-  "LIVE_DEV_STYLER_BASELINE": "Linie de bază",
-  "LIVE_DEV_STYLER_NO_WRAP": "Fără încadrare",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Încadrare inversă",
-  "LIVE_DEV_STYLER_STATIC": "Static",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
-  "LIVE_DEV_STYLER_STICKY": "Sticky",
-  "LIVE_DEV_STYLER_FIXED": "Fix",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Salvează modificările la",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direct pe element",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "afectează {0} pe pagină",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Stil nou…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Stil nou",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Adaugă clasa \"{0}\" acestui element și salvează stilul în {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Atribuie acestui element ID-ul \"{0}\" și salvează stilul în {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Salvează stilul în {0} - stilează doar acest element",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Salvează stilul în {0} - stilează {1} elemente pe pagină",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Un alt element are deja acel ID - încearcă o clasă în schimb",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Acesta nu corespunde elementului selectat, așa că modificările tale nu l-ar schimba",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilurile precum \":hover\" nu pot fi încă editate live aici",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Acesta nu pare a fi un nume de stil valid - încearcă o clasă precum .card sau un id precum #hero",
-  "LIVE_DEV_STYLER_CREATE": "Creează",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "de ex. .card sau #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Înălțime",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Dimensiune",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Lățime minimă",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Lățime maximă",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Înălțime minimă",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Înălțime maximă",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Afișează limitele de dimensiune min/max",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Ascunde limitele de dimensiune min / max",
-  "LIVE_DEV_STYLER_OPACITY": "Opacitate",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Schimbă unitatea - comută între {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Mărește {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Micșorează {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Mărește valoarea",
-  "LIVE_DEV_STYLER_DECREASE": "Micșorează valoarea",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Clic: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Alege o culoare de pe pagină"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afișează bara de stiluri când elementele sunt selectate în previzualizarea live. Valoarea implicită este 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Partea pe care se ancorează bara de stiluri a previzualizării live: 'top', 'bottom', 'left' sau 'right'. Valoarea implicită este 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Poziție de ancorare",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mută bara la stânga",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mută bara la dreapta",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Pe pagină",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comune",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Alb",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argintiu",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negru",
+  "LIVE_DEV_STYLER_COLOR_RED": "Roșu",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Portocaliu",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Auriu",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Galben",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Măsliniu",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turcoaz",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Albastru",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Bleumarin",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mov",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Roz",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afișare bară de stiluri"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index 00a6557d18..f16604f1b4 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -170,7 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Удалить",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерея изображений",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Дополнительные параметры",
+  "LIVE_DEV_STYLER_BACKGROUND": "Цвет фона",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвет текста",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Размер шрифта",
+  "LIVE_DEV_STYLER_WEIGHT": "Начертание",
+  "LIVE_DEV_STYLER_ALIGN": "Выравнивание текста",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Поля и отступы",
+  "LIVE_DEV_STYLER_LAYOUT": "Макет",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Переместить панель наверх",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Переместить панель вниз",
+  "LIVE_DEV_STYLER_RESET": "Сбросить изменения",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нет изменений для сброса",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
+  "LIVE_DEV_STYLER_MIXED": "Смешанные",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Стороны различаются — редактируйте каждую сторону отдельно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Поиск шрифтов…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системные",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На этой странице",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Пользовательский",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Использовать «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифты не найдены",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Загрузить ещё",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Сверхсветлый",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светлый",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обычный",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средний",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Сверхжирный",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чёрный",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Высота строки",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Межбуквенный интервал",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Межсловный интервал",
+  "LIVE_DEV_STYLER_CASE": "Регистр",
+  "LIVE_DEV_STYLER_BOLD": "Полужирный",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подчёркнутый",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачёркнутый",
+  "LIVE_DEV_STYLER_NONE": "Нет",
+  "LIVE_DEV_STYLER_UPPERCASE": "Верхний регистр",
+  "LIVE_DEV_STYLER_LOWERCASE": "Нижний регистр",
+  "LIVE_DEV_STYLER_CAPITALIZE": "С прописной буквы",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Выровнять по левому краю",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Выровнять по центру",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Выровнять по правому краю",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Выровнять по ширине",
+  "LIVE_DEV_STYLER_CLEAR": "Очистить",
+  "LIVE_DEV_STYLER_RADIUS": "Радиус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Цвет",
+  "LIVE_DEV_STYLER_STYLE": "Стиль",
+  "LIVE_DEV_STYLER_SOLID": "Сплошная",
+  "LIVE_DEV_STYLER_DASHED": "Пунктирная",
+  "LIVE_DEV_STYLER_DOTTED": "Точечная",
+  "LIVE_DEV_STYLER_DOUBLE": "Двойная",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Смещение",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Граница и контур",
+  "LIVE_DEV_STYLER_SIDE": "Сторона",
+  "LIVE_DEV_STYLER_PADDING": "Внутренний отступ",
+  "LIVE_DEV_STYLER_MARGIN": "Внешний отступ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактировать все стороны вместе",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактировать стороны независимо",
+  "LIVE_DEV_STYLER_LINK_NONE": "Независимые стороны - у каждой стороны свое значение",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Попарно - верх и низ связаны, лево и право связаны",
+  "LIVE_DEV_STYLER_LINK_ALL": "Все стороны связаны - одно значение для всех сторон",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Нажмите, чтобы изменить способ связывания сторон",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Все",
+  "LIVE_DEV_STYLER_TOP": "Сверху",
+  "LIVE_DEV_STYLER_RIGHT": "Справа",
+  "LIVE_DEV_STYLER_BOTTOM": "Снизу",
+  "LIVE_DEV_STYLER_LEFT": "Слева",
+  "LIVE_DEV_STYLER_DISPLAY": "Отображение",
+  "LIVE_DEV_STYLER_DIRECTION": "Направление",
+  "LIVE_DEV_STYLER_JUSTIFY": "Выравнивание",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Выравнивание элементов",
+  "LIVE_DEV_STYLER_WRAP": "Перенос",
+  "LIVE_DEV_STYLER_GAP": "Промежуток",
+  "LIVE_DEV_STYLER_COLUMNS": "Колонки",
+  "LIVE_DEV_STYLER_ROWS": "Ряды",
+  "LIVE_DEV_STYLER_POSITION": "Положение",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блочный",
+  "LIVE_DEV_STYLER_INLINE": "Строчный",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Строчно-блочный",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Строчный флекс",
+  "LIVE_DEV_STYLER_GRID": "Сетка",
+  "LIVE_DEV_STYLER_HIDDEN": "Скрытый",
+  "LIVE_DEV_STYLER_ROW": "Строка",
+  "LIVE_DEV_STYLER_COLUMN": "Колонка",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратная строка",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратная колонка",
+  "LIVE_DEV_STYLER_START": "Начало",
+  "LIVE_DEV_STYLER_CENTER": "Центр",
+  "LIVE_DEV_STYLER_END": "Конец",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Отступы вокруг",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерное распределение",
+  "LIVE_DEV_STYLER_STRETCH": "Растянуть",
+  "LIVE_DEV_STYLER_BASELINE": "По базовой линии",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без переноса",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратный перенос",
+  "LIVE_DEV_STYLER_STATIC": "Статичное",
+  "LIVE_DEV_STYLER_RELATIVE": "Относительное",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютное",
+  "LIVE_DEV_STYLER_STICKY": "Липкое",
+  "LIVE_DEV_STYLER_FIXED": "Фиксированный",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Применить изменения к",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Встроенный",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "непосредственно на элементе",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "затрагивает {0} на странице",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Новый стиль…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новый стиль",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавляет класс «{0}» к этому элементу и сохраняет стиль в {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Присваивает этому элементу идентификатор «{0}» и сохраняет стиль в {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Сохраняет стиль в {0} — стилизует только этот элемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Сохраняет стиль в {0} — стилизует {1} элементов на странице",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "У другого элемента уже есть такой id — попробуйте использовать класс",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Это не соответствует выбранному элементу, поэтому ваши правки не изменят его",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стили вроде \":hover\" пока нельзя редактировать в реальном времени",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Это не похоже на допустимое имя стиля — попробуйте класс, например .card, или id, например #hero",
+  "LIVE_DEV_STYLER_CREATE": "Создать",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр., .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Высота",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Мин. ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мин. высота",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. высота",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показать мин./макс. ограничения размера",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрыть мин./макс. ограничения размера",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозрачность",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Изменить единицу измерения — переключает между {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличить {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Уменьшить {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Увеличить значение",
+  "LIVE_DEV_STYLER_DECREASE": "Уменьшить значение",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Выбрать цвет со страницы",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Вырезать",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копировать",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Вставить",
@@ -2279,147 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "LIVE_DEV_STYLER_BACKGROUND": "Цвет фона",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Цвет текста",
-  "LIVE_DEV_STYLER_FONT": "Шрифт",
-  "LIVE_DEV_STYLER_SIZE": "Размер шрифта",
-  "LIVE_DEV_STYLER_WEIGHT": "Начертание",
-  "LIVE_DEV_STYLER_ALIGN": "Выравнивание текста",
-  "LIVE_DEV_STYLER_BORDER": "Рамка",
-  "LIVE_DEV_STYLER_SPACING": "Поля и отступы",
-  "LIVE_DEV_STYLER_LAYOUT": "Макет",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль текста",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Переместить панель наверх",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Переместить панель вниз",
-  "LIVE_DEV_STYLER_RESET": "Сбросить изменения",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нет изменений для сброса",
-  "LIVE_DEV_STYLER_MIXED": "Смешанные",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Стороны различаются — редактируйте каждую сторону отдельно",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Поиск шрифтов…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системные",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На этой странице",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Пользовательский",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Использовать «{0}»",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифты не найдены",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Загрузить ещё",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Сверхсветлый",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светлый",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обычный",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средний",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полужирный",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Полужирный",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Сверхжирный",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чёрный",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Высота строки",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Межбуквенный интервал",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Межсловный интервал",
-  "LIVE_DEV_STYLER_CASE": "Регистр",
-  "LIVE_DEV_STYLER_BOLD": "Полужирный",
-  "LIVE_DEV_STYLER_ITALIC": "Курсив",
-  "LIVE_DEV_STYLER_UNDERLINE": "Подчёркнутый",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Зачёркнутый",
-  "LIVE_DEV_STYLER_NONE": "Нет",
-  "LIVE_DEV_STYLER_UPPERCASE": "Верхний регистр",
-  "LIVE_DEV_STYLER_LOWERCASE": "Нижний регистр",
-  "LIVE_DEV_STYLER_CAPITALIZE": "С прописной буквы",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Выровнять по левому краю",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Выровнять по центру",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Выровнять по правому краю",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Выровнять по ширине",
-  "LIVE_DEV_STYLER_CLEAR": "Очистить",
-  "LIVE_DEV_STYLER_RADIUS": "Радиус",
-  "LIVE_DEV_STYLER_WIDTH": "Ширина",
-  "LIVE_DEV_STYLER_COLOR": "Цвет",
-  "LIVE_DEV_STYLER_STYLE": "Стиль",
-  "LIVE_DEV_STYLER_SOLID": "Сплошная",
-  "LIVE_DEV_STYLER_DASHED": "Пунктирная",
-  "LIVE_DEV_STYLER_DOTTED": "Точечная",
-  "LIVE_DEV_STYLER_DOUBLE": "Двойная",
-  "LIVE_DEV_STYLER_OUTLINE": "Контур",
-  "LIVE_DEV_STYLER_OFFSET": "Смещение",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Граница и контур",
-  "LIVE_DEV_STYLER_SIDE": "Сторона",
-  "LIVE_DEV_STYLER_PADDING": "Внутренний отступ",
-  "LIVE_DEV_STYLER_MARGIN": "Внешний отступ",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Редактировать все стороны вместе",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редактировать стороны независимо",
-  "LIVE_DEV_STYLER_LINK_NONE": "Независимые стороны - у каждой стороны свое значение",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Попарно - верх и низ связаны, лево и право связаны",
-  "LIVE_DEV_STYLER_LINK_ALL": "Все стороны связаны - одно значение для всех сторон",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Нажмите, чтобы изменить способ связывания сторон",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Все",
-  "LIVE_DEV_STYLER_TOP": "Сверху",
-  "LIVE_DEV_STYLER_RIGHT": "Справа",
-  "LIVE_DEV_STYLER_BOTTOM": "Снизу",
-  "LIVE_DEV_STYLER_LEFT": "Слева",
-  "LIVE_DEV_STYLER_DISPLAY": "Отображение",
-  "LIVE_DEV_STYLER_DIRECTION": "Направление",
-  "LIVE_DEV_STYLER_JUSTIFY": "Выравнивание",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Выравнивание элементов",
-  "LIVE_DEV_STYLER_WRAP": "Перенос",
-  "LIVE_DEV_STYLER_GAP": "Промежуток",
-  "LIVE_DEV_STYLER_COLUMNS": "Колонки",
-  "LIVE_DEV_STYLER_ROWS": "Ряды",
-  "LIVE_DEV_STYLER_POSITION": "Положение",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
-  "LIVE_DEV_STYLER_BLOCK": "Блочный",
-  "LIVE_DEV_STYLER_INLINE": "Строчный",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Строчно-блочный",
-  "LIVE_DEV_STYLER_FLEX": "Флекс",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Строчный флекс",
-  "LIVE_DEV_STYLER_GRID": "Сетка",
-  "LIVE_DEV_STYLER_HIDDEN": "Скрытый",
-  "LIVE_DEV_STYLER_ROW": "Строка",
-  "LIVE_DEV_STYLER_COLUMN": "Колонка",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Обратная строка",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обратная колонка",
-  "LIVE_DEV_STYLER_START": "Начало",
-  "LIVE_DEV_STYLER_CENTER": "Центр",
-  "LIVE_DEV_STYLER_END": "Конец",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Пространство между",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Отступы вокруг",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномерное распределение",
-  "LIVE_DEV_STYLER_STRETCH": "Растянуть",
-  "LIVE_DEV_STYLER_BASELINE": "По базовой линии",
-  "LIVE_DEV_STYLER_NO_WRAP": "Без переноса",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обратный перенос",
-  "LIVE_DEV_STYLER_STATIC": "Статичное",
-  "LIVE_DEV_STYLER_RELATIVE": "Относительное",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютное",
-  "LIVE_DEV_STYLER_STICKY": "Липкое",
-  "LIVE_DEV_STYLER_FIXED": "Фиксированный",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Применить изменения к",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Встроенный",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "непосредственно на элементе",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "затрагивает {0} на странице",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Новый стиль…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новый стиль",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Добавляет класс «{0}» к этому элементу и сохраняет стиль в {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Присваивает этому элементу идентификатор «{0}» и сохраняет стиль в {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Сохраняет стиль в {0} — стилизует только этот элемент",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Сохраняет стиль в {0} — стилизует {1} элементов на странице",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "У другого элемента уже есть такой id — попробуйте использовать класс",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Это не соответствует выбранному элементу, поэтому ваши правки не изменят его",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стили вроде \":hover\" пока нельзя редактировать в реальном времени",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Это не похоже на допустимое имя стиля — попробуйте класс, например .card, или id, например #hero",
-  "LIVE_DEV_STYLER_CREATE": "Создать",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр., .card или #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Высота",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Размер",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Мин. ширина",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мин. высота",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. высота",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показать мин./макс. ограничения размера",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Скрыть мин./макс. ограничения размера",
-  "LIVE_DEV_STYLER_OPACITY": "Непрозрачность",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Изменить единицу измерения — переключает между {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Увеличить {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Уменьшить {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Увеличить значение",
-  "LIVE_DEV_STYLER_DECREASE": "Уменьшить значение",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Выбрать цвет со страницы"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показывать панель стилей при выборе элементов в режиме живого предпросмотра. По умолчанию 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, к которой прикрепляется панель стилей живого предпросмотра: 'top', 'bottom', 'left' или 'right'. По умолчанию 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Положение прикрепления",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Переместить панель влево",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Переместить панель вправо",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На странице",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Общие",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Белый",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Серебряный",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Серый",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Чёрный",
+  "LIVE_DEV_STYLER_COLOR_RED": "Красный",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовый",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжевый",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотой",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жёлтый",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковый",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовый",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелёный",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Бирюзовый",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Голубой",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Синий",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тёмно-синий",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фиолетовый",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпурный",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Фиолетовый",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розовый",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показать панель стилей"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index 79932ca501..58a5a4061b 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Zmazať",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Galéria obrázkov",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Ďalšie možnosti",
+  "LIVE_DEV_STYLER_BACKGROUND": "Farba pozadia",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Farba textu",
+  "LIVE_DEV_STYLER_FONT": "Typ písma",
+  "LIVE_DEV_STYLER_SIZE": "Veľkosť písma",
+  "LIVE_DEV_STYLER_WEIGHT": "Hrúbka písma",
+  "LIVE_DEV_STYLER_ALIGN": "Zarovnanie textu",
+  "LIVE_DEV_STYLER_BORDER": "Orámovanie",
+  "LIVE_DEV_STYLER_SPACING": "Okraje a výplň",
+  "LIVE_DEV_STYLER_LAYOUT": "Rozloženie",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Štýl textu",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Presunúť panel nahor",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Presunúť panel nadol",
+  "LIVE_DEV_STYLER_RESET": "Obnoviť zmeny",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žiadne zmeny na obnovenie",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
+  "LIVE_DEV_STYLER_MIXED": "Zmiešané",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany sa líšia — upravte každú stranu samostatne",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hľadať písma…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tejto stránke",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastné",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použiť „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenašli sa žiadne písma",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Načítať viac",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra tenké",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Svetlé",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Bežné",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Stredné",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Veľmi tučné",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška riadka",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Rozstup písmen",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Rozstup slov",
+  "LIVE_DEV_STYLER_CASE": "Veľkosť písmen",
+  "LIVE_DEV_STYLER_BOLD": "Tučné",
+  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
+  "LIVE_DEV_STYLER_UNDERLINE": "Podčiarknuté",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Prečiarknuté",
+  "LIVE_DEV_STYLER_NONE": "Žiadne",
+  "LIVE_DEV_STYLER_UPPERCASE": "Veľké písmená",
+  "LIVE_DEV_STYLER_LOWERCASE": "Malé písmená",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Veľké začiatočné písmená",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnať vľavo",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnať na stred",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnať vpravo",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnať do bloku",
+  "LIVE_DEV_STYLER_CLEAR": "Vymazať",
+  "LIVE_DEV_STYLER_RADIUS": "Polomer",
+  "LIVE_DEV_STYLER_WIDTH": "Šírka",
+  "LIVE_DEV_STYLER_COLOR": "Farba",
+  "LIVE_DEV_STYLER_STYLE": "Štýl",
+  "LIVE_DEV_STYLER_SOLID": "Plná",
+  "LIVE_DEV_STYLER_DASHED": "Čiarkovaná",
+  "LIVE_DEV_STYLER_DOTTED": "Bodkovaná",
+  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
+  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
+  "LIVE_DEV_STYLER_OFFSET": "Posun",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Orámovanie a obrys",
+  "LIVE_DEV_STYLER_SIDE": "Strana",
+  "LIVE_DEV_STYLER_PADDING": "Vnútorný okraj",
+  "LIVE_DEV_STYLER_MARGIN": "Vonkajší okraj",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Upraviť všetky strany naraz",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upraviť strany samostatne",
+  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má vlastnú hodnotu",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - horná a dolná prepojené, ľavá a pravá prepojené",
+  "LIVE_DEV_STYLER_LINK_ALL": "Všetky strany prepojené - jedna hodnota pre všetky strany",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím zmeníte spôsob prepojenia strán",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Všetky",
+  "LIVE_DEV_STYLER_TOP": "Horný",
+  "LIVE_DEV_STYLER_RIGHT": "Pravý",
+  "LIVE_DEV_STYLER_BOTTOM": "Dolný",
+  "LIVE_DEV_STYLER_LEFT": "Ľavý",
+  "LIVE_DEV_STYLER_DISPLAY": "Zobrazenie",
+  "LIVE_DEV_STYLER_DIRECTION": "Smer",
+  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnanie",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnanie položiek",
+  "LIVE_DEV_STYLER_WRAP": "Zalomenie",
+  "LIVE_DEV_STYLER_GAP": "Medzera",
+  "LIVE_DEV_STYLER_COLUMNS": "Stĺpce",
+  "LIVE_DEV_STYLER_ROWS": "Riadky",
+  "LIVE_DEV_STYLER_POSITION": "Pozícia",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Riadkový",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Riadkový blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex v riadku",
+  "LIVE_DEV_STYLER_GRID": "Mriežka",
+  "LIVE_DEV_STYLER_HIDDEN": "Skryté",
+  "LIVE_DEV_STYLER_ROW": "Riadok",
+  "LIVE_DEV_STYLER_COLUMN": "Stĺpec",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrátený riadok",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrátený stĺpec",
+  "LIVE_DEV_STYLER_START": "Začiatok",
+  "LIVE_DEV_STYLER_CENTER": "Stred",
+  "LIVE_DEV_STYLER_END": "Koniec",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Medzery medzi",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Medzery okolo",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnomerné medzery",
+  "LIVE_DEV_STYLER_STRETCH": "Roztiahnuť",
+  "LIVE_DEV_STYLER_BASELINE": "Základná línia",
+  "LIVE_DEV_STYLER_NO_WRAP": "Bez zalamovania",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrátené zalamovanie",
+  "LIVE_DEV_STYLER_STATIC": "Statická",
+  "LIVE_DEV_STYLER_RELATIVE": "Relatívna",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolútna",
+  "LIVE_DEV_STYLER_STICKY": "Prilepené",
+  "LIVE_DEV_STYLER_FIXED": "Fixné",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uložiť zmeny do",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "priamo na elemente",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Ovplyvňuje {0} na stránke",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Nový štýl…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový štýl",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pridá triedu \"{0}\" tomuto elementu a uloží štýl do {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Priradí tomuto elementu id \"{0}\" a uloží štýl do {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží štýl do {0} - štýluje iba tento prvok",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží štýl do {0} - štýluje {1} prvkov na stránke",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Iný prvok už má toto ID - skúste namiesto toho použiť triedu",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto sa nezhoduje s vybraným prvkom, takže vaše úpravy ho nezmenia",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Štýly ako „:hover“ tu zatiaľ nie je možné upravovať naživo",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevyzerá ako platný názov štýlu - skúste triedu ako .card alebo ID ako #hero",
+  "LIVE_DEV_STYLER_CREATE": "Vytvoriť",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "napr. .card alebo #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Výška",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Veľkosť",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimálna šírka",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximálna šírka",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimálna výška",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximálna výška",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobraziť limity min./max. veľkosti",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skryť limity min./max. veľkosti",
+  "LIVE_DEV_STYLER_OPACITY": "Nepriehľadnosť",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmeniť jednotku - prepína medzi {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšiť: {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Znížiť: {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Zvýšiť hodnotu",
+  "LIVE_DEV_STYLER_DECREASE": "Znížiť hodnotu",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrať farbu zo stránky",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Vystrihnúť",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopírovať",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Vložiť",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "LIVE_DEV_STYLER_BACKGROUND": "Farba pozadia",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Farba textu",
-  "LIVE_DEV_STYLER_FONT": "Typ písma",
-  "LIVE_DEV_STYLER_SIZE": "Veľkosť písma",
-  "LIVE_DEV_STYLER_WEIGHT": "Hrúbka písma",
-  "LIVE_DEV_STYLER_ALIGN": "Zarovnanie textu",
-  "LIVE_DEV_STYLER_BORDER": "Orámovanie",
-  "LIVE_DEV_STYLER_SPACING": "Okraje a výplň",
-  "LIVE_DEV_STYLER_LAYOUT": "Rozloženie",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Štýl textu",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Presunúť panel nahor",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Presunúť panel nadol",
-  "LIVE_DEV_STYLER_RESET": "Obnoviť zmeny",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žiadne zmeny na obnovenie",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
-  "LIVE_DEV_STYLER_MIXED": "Zmiešané",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Strany sa líšia — upravte každú stranu samostatne",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Hľadať písma…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Systémové",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Na tejto stránke",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Vlastné",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Použiť „{0}“",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Nenašli sa žiadne písma",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Načítať viac",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tenké",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra tenké",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Svetlé",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Bežné",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Stredné",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Polotučné",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Tučné",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra tučné",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Veľmi tučné",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Výška riadka",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Rozstup písmen",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Rozstup slov",
-  "LIVE_DEV_STYLER_CASE": "Veľkosť písmen",
-  "LIVE_DEV_STYLER_BOLD": "Tučné",
-  "LIVE_DEV_STYLER_ITALIC": "Kurzíva",
-  "LIVE_DEV_STYLER_UNDERLINE": "Podčiarknuté",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Prečiarknuté",
-  "LIVE_DEV_STYLER_NONE": "Žiadne",
-  "LIVE_DEV_STYLER_UPPERCASE": "Veľké písmená",
-  "LIVE_DEV_STYLER_LOWERCASE": "Malé písmená",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Veľké začiatočné písmená",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Zarovnať vľavo",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Zarovnať na stred",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Zarovnať vpravo",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Zarovnať do bloku",
-  "LIVE_DEV_STYLER_CLEAR": "Vymazať",
-  "LIVE_DEV_STYLER_RADIUS": "Polomer",
-  "LIVE_DEV_STYLER_WIDTH": "Šírka",
-  "LIVE_DEV_STYLER_COLOR": "Farba",
-  "LIVE_DEV_STYLER_STYLE": "Štýl",
-  "LIVE_DEV_STYLER_SOLID": "Plná",
-  "LIVE_DEV_STYLER_DASHED": "Čiarkovaná",
-  "LIVE_DEV_STYLER_DOTTED": "Bodkovaná",
-  "LIVE_DEV_STYLER_DOUBLE": "Dvojitá",
-  "LIVE_DEV_STYLER_OUTLINE": "Obrys",
-  "LIVE_DEV_STYLER_OFFSET": "Posun",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Orámovanie a obrys",
-  "LIVE_DEV_STYLER_SIDE": "Strana",
-  "LIVE_DEV_STYLER_PADDING": "Vnútorný okraj",
-  "LIVE_DEV_STYLER_MARGIN": "Vonkajší okraj",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Upraviť všetky strany naraz",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Upraviť strany samostatne",
-  "LIVE_DEV_STYLER_LINK_NONE": "Samostatné strany - každá strana má vlastnú hodnotu",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Spárované - horná a dolná prepojené, ľavá a pravá prepojené",
-  "LIVE_DEV_STYLER_LINK_ALL": "Všetky strany prepojené - jedna hodnota pre všetky strany",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kliknutím zmeníte spôsob prepojenia strán",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Všetky",
-  "LIVE_DEV_STYLER_TOP": "Horný",
-  "LIVE_DEV_STYLER_RIGHT": "Pravý",
-  "LIVE_DEV_STYLER_BOTTOM": "Dolný",
-  "LIVE_DEV_STYLER_LEFT": "Ľavý",
-  "LIVE_DEV_STYLER_DISPLAY": "Zobrazenie",
-  "LIVE_DEV_STYLER_DIRECTION": "Smer",
-  "LIVE_DEV_STYLER_JUSTIFY": "Zarovnanie",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Zarovnanie položiek",
-  "LIVE_DEV_STYLER_WRAP": "Zalomenie",
-  "LIVE_DEV_STYLER_GAP": "Medzera",
-  "LIVE_DEV_STYLER_COLUMNS": "Stĺpce",
-  "LIVE_DEV_STYLER_ROWS": "Riadky",
-  "LIVE_DEV_STYLER_POSITION": "Pozícia",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Riadkový",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Riadkový blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Flex v riadku",
-  "LIVE_DEV_STYLER_GRID": "Mriežka",
-  "LIVE_DEV_STYLER_HIDDEN": "Skryté",
-  "LIVE_DEV_STYLER_ROW": "Riadok",
-  "LIVE_DEV_STYLER_COLUMN": "Stĺpec",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Obrátený riadok",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Obrátený stĺpec",
-  "LIVE_DEV_STYLER_START": "Začiatok",
-  "LIVE_DEV_STYLER_CENTER": "Stred",
-  "LIVE_DEV_STYLER_END": "Koniec",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Medzery medzi",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Medzery okolo",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Rovnomerné medzery",
-  "LIVE_DEV_STYLER_STRETCH": "Roztiahnuť",
-  "LIVE_DEV_STYLER_BASELINE": "Základná línia",
-  "LIVE_DEV_STYLER_NO_WRAP": "Bez zalamovania",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Obrátené zalamovanie",
-  "LIVE_DEV_STYLER_STATIC": "Statická",
-  "LIVE_DEV_STYLER_RELATIVE": "Relatívna",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolútna",
-  "LIVE_DEV_STYLER_STICKY": "Prilepené",
-  "LIVE_DEV_STYLER_FIXED": "Fixné",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Uložiť zmeny do",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Inline",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "priamo na elemente",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Ovplyvňuje {0} na stránke",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Nový štýl…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Nový štýl",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Pridá triedu \"{0}\" tomuto elementu a uloží štýl do {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Priradí tomuto elementu id \"{0}\" a uloží štýl do {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Uloží štýl do {0} - štýluje iba tento prvok",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Uloží štýl do {0} - štýluje {1} prvkov na stránke",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Iný prvok už má toto ID - skúste namiesto toho použiť triedu",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Toto sa nezhoduje s vybraným prvkom, takže vaše úpravy ho nezmenia",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Štýly ako „:hover“ tu zatiaľ nie je možné upravovať naživo",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Toto nevyzerá ako platný názov štýlu - skúste triedu ako .card alebo ID ako #hero",
-  "LIVE_DEV_STYLER_CREATE": "Vytvoriť",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "napr. .card alebo #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Výška",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Veľkosť",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Minimálna šírka",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maximálna šírka",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Minimálna výška",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maximálna výška",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Zobraziť limity min./max. veľkosti",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Skryť limity min./max. veľkosti",
-  "LIVE_DEV_STYLER_OPACITY": "Nepriehľadnosť",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Zmeniť jednotku - prepína medzi {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Zvýšiť: {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Znížiť: {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Zvýšiť hodnotu",
-  "LIVE_DEV_STYLER_DECREASE": "Znížiť hodnotu",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + klik: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Vybrať farbu zo stránky"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobraziť panel štýlov, keď sú prvky vybraté v živom náhľade. Predvolená hodnota je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, na ktorú sa ukotví panel štýlov živého náhľadu: 'top', 'bottom', 'left' alebo 'right'. Predvolená hodnota je 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Pozícia ukotvenia",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Presunúť panel doľava",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Presunúť panel doprava",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na stránke",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Bežné",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Biela",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Strieborná",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Sivá",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Čierna",
+  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordová",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žltá",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sivozelená",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Azúrová",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Námornícka modrá",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magentová",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetová",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ružová",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobraziť lištu štýlov"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 8e15521883..7d870c6de9 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Обриши",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерија слика",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Више опција",
+  "LIVE_DEV_STYLER_BACKGROUND": "Боја позадине",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Боја текста",
+  "LIVE_DEV_STYLER_FONT": "Породица фонтова",
+  "LIVE_DEV_STYLER_SIZE": "Величина фонта",
+  "LIVE_DEV_STYLER_WEIGHT": "Дебљина фонта",
+  "LIVE_DEV_STYLER_ALIGN": "Поравнање текста",
+  "LIVE_DEV_STYLER_BORDER": "Оквир",
+  "LIVE_DEV_STYLER_SPACING": "Маргина и одстојање",
+  "LIVE_DEV_STYLER_LAYOUT": "Распоред",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил текста",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Помери траку на врх",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Помери траку на дно",
+  "LIVE_DEV_STYLER_RESET": "Поништи измене",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нема измена за поништавање",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Завршено",
+  "LIVE_DEV_STYLER_MIXED": "Мешовито",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Стране се разликују — уредите сваку страну засебно",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Претражи фонтове…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Систем",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На овој страници",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Прилагођено",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Користи „{0}“",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Није пронађен ниједан фонт",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Учитај још",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Танак",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Изузетно танак",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светао",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обичан",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средњи",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуподебљан",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Подебљано",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра подебљано",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Најдебље",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Проред",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Размак између слова",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Размак између речи",
+  "LIVE_DEV_STYLER_CASE": "Велика/мала слова",
+  "LIVE_DEV_STYLER_BOLD": "Подебљано",
+  "LIVE_DEV_STYLER_ITALIC": "Курзив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Подвучено",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Прецртано",
+  "LIVE_DEV_STYLER_NONE": "Ништа",
+  "LIVE_DEV_STYLER_UPPERCASE": "Велика слова",
+  "LIVE_DEV_STYLER_LOWERCASE": "Мала слова",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Капитализација",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Поравнај лево",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Поравнај по средини",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Поравнај десно",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Обострано поравнај",
+  "LIVE_DEV_STYLER_CLEAR": "Очисти",
+  "LIVE_DEV_STYLER_RADIUS": "Радијус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Боја",
+  "LIVE_DEV_STYLER_STYLE": "Стил",
+  "LIVE_DEV_STYLER_SOLID": "Пуна",
+  "LIVE_DEV_STYLER_DASHED": "Испрекидана",
+  "LIVE_DEV_STYLER_DOTTED": "Тачкаста",
+  "LIVE_DEV_STYLER_DOUBLE": "Двострука",
+  "LIVE_DEV_STYLER_OUTLINE": "Контура",
+  "LIVE_DEV_STYLER_OFFSET": "Одмак",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ивица и контура",
+  "LIVE_DEV_STYLER_SIDE": "Страна",
+  "LIVE_DEV_STYLER_PADDING": "Унутрашње одстојање",
+  "LIVE_DEV_STYLER_MARGIN": "Маргина",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Уреди све стране заједно",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Уреди стране појединачно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Појединачне стране - свака страна има своју вредност",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Упарено - горња и доња повезане, лева и десна повезане",
+  "LIVE_DEV_STYLER_LINK_ALL": "Све стране повезане - једна вредност за сваку страну",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликните да промените начин повезивања страна",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Све",
   "LIVE_DEV_STYLER_TOP": "Горе",
   "LIVE_DEV_STYLER_RIGHT": "Десно",
   "LIVE_DEV_STYLER_BOTTOM": "Доле",
   "LIVE_DEV_STYLER_LEFT": "Лево",
+  "LIVE_DEV_STYLER_DISPLAY": "Приказ",
+  "LIVE_DEV_STYLER_DIRECTION": "Смер",
+  "LIVE_DEV_STYLER_JUSTIFY": "Распоред",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Поравнање ставки",
+  "LIVE_DEV_STYLER_WRAP": "Преламање",
+  "LIVE_DEV_STYLER_GAP": "Размак",
+  "LIVE_DEV_STYLER_COLUMNS": "Колоне",
+  "LIVE_DEV_STYLER_ROWS": "Редови",
+  "LIVE_DEV_STYLER_POSITION": "Позиција",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Линијски",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Линијски блок",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Линијски флекс",
+  "LIVE_DEV_STYLER_GRID": "Мрежа",
+  "LIVE_DEV_STYLER_HIDDEN": "Сакривено",
+  "LIVE_DEV_STYLER_ROW": "Ред",
+  "LIVE_DEV_STYLER_COLUMN": "Колона",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Обрнути ред",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обрнута колона",
+  "LIVE_DEV_STYLER_START": "Почетак",
+  "LIVE_DEV_STYLER_CENTER": "Центар",
+  "LIVE_DEV_STYLER_END": "Крај",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Размак између",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Размак око",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномеран размак",
+  "LIVE_DEV_STYLER_STRETCH": "Растегни",
+  "LIVE_DEV_STYLER_BASELINE": "Основна линија",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без преламања",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обрнуто преламање",
+  "LIVE_DEV_STYLER_STATIC": "Статично",
+  "LIVE_DEV_STYLER_RELATIVE": "Релативно",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Апсолутно",
+  "LIVE_DEV_STYLER_STICKY": "Лепљиво",
+  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Сачувај измене у",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Инлајн",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно на елементу",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Примењује се на {0} на страници",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Нови стил…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нови стил",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додаје класу „{0}“ овом елементу и чува стил у {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Додељује овом елементу id „{0}“ и чува стил у {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Чува стил у {0} – стилизује само овај елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Чува стил у {0} – стилизује {1} елемената на страници",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Други елемент већ има тај id – покушајте уместо тога са класом",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ово се не поклапа са изабраним елементом, тако да га ваше измене не би промениле",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилови попут „:hover“ још увек не могу да се уређују уживо овде",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Унето име стила није важеће – покушајте са класом као што је .card или ID-јем као што је #hero",
+  "LIVE_DEV_STYLER_CREATE": "Креирај",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "нпр. .card или #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Висина",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Величина",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална висина",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална висина",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Прикажи ограничења мин/макс величине",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Сакриј ограничења мин/макс величине",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозирност",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Промени јединицу - пребацује између {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Повећај {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Смањи {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Повећај вредност",
+  "LIVE_DEV_STYLER_DECREASE": "Смањи вредност",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Изабери боју са странице",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Исеци",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копирај",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Налепи",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "LIVE_DEV_STYLER_BACKGROUND": "Боја позадине",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Боја текста",
-  "LIVE_DEV_STYLER_FONT": "Породица фонтова",
-  "LIVE_DEV_STYLER_SIZE": "Величина фонта",
-  "LIVE_DEV_STYLER_WEIGHT": "Дебљина фонта",
-  "LIVE_DEV_STYLER_ALIGN": "Поравнање текста",
-  "LIVE_DEV_STYLER_BORDER": "Оквир",
-  "LIVE_DEV_STYLER_SPACING": "Маргина и одстојање",
-  "LIVE_DEV_STYLER_LAYOUT": "Распоред",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Стил текста",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Помери траку на врх",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Помери траку на дно",
-  "LIVE_DEV_STYLER_RESET": "Поништи измене",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нема измена за поништавање",
-  "LIVE_DEV_STYLER_MIXED": "Мешовито",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Стране се разликују — уредите сваку страну засебно",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Претражи фонтове…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Систем",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На овој страници",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Прилагођено",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Користи „{0}“",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Није пронађен ниједан фонт",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Учитај још",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Танак",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Изузетно танак",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Светао",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Обичан",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Средњи",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Полуподебљан",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Подебљано",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Екстра подебљано",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Најдебље",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Проред",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Размак између слова",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Размак између речи",
-  "LIVE_DEV_STYLER_CASE": "Велика/мала слова",
-  "LIVE_DEV_STYLER_BOLD": "Подебљано",
-  "LIVE_DEV_STYLER_ITALIC": "Курзив",
-  "LIVE_DEV_STYLER_UNDERLINE": "Подвучено",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Прецртано",
-  "LIVE_DEV_STYLER_NONE": "Ништа",
-  "LIVE_DEV_STYLER_UPPERCASE": "Велика слова",
-  "LIVE_DEV_STYLER_LOWERCASE": "Мала слова",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Капитализација",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Поравнај лево",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Поравнај по средини",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Поравнај десно",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Обострано поравнај",
-  "LIVE_DEV_STYLER_CLEAR": "Очисти",
-  "LIVE_DEV_STYLER_RADIUS": "Радијус",
-  "LIVE_DEV_STYLER_WIDTH": "Ширина",
-  "LIVE_DEV_STYLER_COLOR": "Боја",
-  "LIVE_DEV_STYLER_STYLE": "Стил",
-  "LIVE_DEV_STYLER_SOLID": "Пуна",
-  "LIVE_DEV_STYLER_DASHED": "Испрекидана",
-  "LIVE_DEV_STYLER_DOTTED": "Тачкаста",
-  "LIVE_DEV_STYLER_DOUBLE": "Двострука",
-  "LIVE_DEV_STYLER_OUTLINE": "Контура",
-  "LIVE_DEV_STYLER_OFFSET": "Одмак",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Ивица и контура",
-  "LIVE_DEV_STYLER_SIDE": "Страна",
-  "LIVE_DEV_STYLER_PADDING": "Унутрашње одстојање",
-  "LIVE_DEV_STYLER_MARGIN": "Маргина",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Уреди све стране заједно",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Уреди стране појединачно",
-  "LIVE_DEV_STYLER_LINK_NONE": "Појединачне стране - свака страна има своју вредност",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Упарено - горња и доња повезане, лева и десна повезане",
-  "LIVE_DEV_STYLER_LINK_ALL": "Све стране повезане - једна вредност за сваку страну",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Кликните да промените начин повезивања страна",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Све",
-  "LIVE_DEV_STYLER_DISPLAY": "Приказ",
-  "LIVE_DEV_STYLER_DIRECTION": "Смер",
-  "LIVE_DEV_STYLER_JUSTIFY": "Распоред",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Поравнање ставки",
-  "LIVE_DEV_STYLER_WRAP": "Преламање",
-  "LIVE_DEV_STYLER_GAP": "Размак",
-  "LIVE_DEV_STYLER_COLUMNS": "Колоне",
-  "LIVE_DEV_STYLER_ROWS": "Редови",
-  "LIVE_DEV_STYLER_POSITION": "Позиција",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-индекс",
-  "LIVE_DEV_STYLER_BLOCK": "Блок",
-  "LIVE_DEV_STYLER_INLINE": "Линијски",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Линијски блок",
-  "LIVE_DEV_STYLER_FLEX": "Флекс",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Линијски флекс",
-  "LIVE_DEV_STYLER_GRID": "Мрежа",
-  "LIVE_DEV_STYLER_HIDDEN": "Сакривено",
-  "LIVE_DEV_STYLER_ROW": "Ред",
-  "LIVE_DEV_STYLER_COLUMN": "Колона",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Обрнути ред",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Обрнута колона",
-  "LIVE_DEV_STYLER_START": "Почетак",
-  "LIVE_DEV_STYLER_CENTER": "Центар",
-  "LIVE_DEV_STYLER_END": "Крај",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Размак између",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Размак око",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Равномеран размак",
-  "LIVE_DEV_STYLER_STRETCH": "Растегни",
-  "LIVE_DEV_STYLER_BASELINE": "Основна линија",
-  "LIVE_DEV_STYLER_NO_WRAP": "Без преламања",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Обрнуто преламање",
-  "LIVE_DEV_STYLER_STATIC": "Статично",
-  "LIVE_DEV_STYLER_RELATIVE": "Релативно",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Апсолутно",
-  "LIVE_DEV_STYLER_STICKY": "Лепљиво",
-  "LIVE_DEV_STYLER_FIXED": "Фиксирано",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Сачувај измене у",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Инлајн",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "директно на елементу",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Примењује се на {0} на страници",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Нови стил…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Нови стил",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додаје класу „{0}“ овом елементу и чува стил у {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Додељује овом елементу id „{0}“ и чува стил у {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Чува стил у {0} – стилизује само овај елемент",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Чува стил у {0} – стилизује {1} елемената на страници",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Други елемент већ има тај id – покушајте уместо тога са класом",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Ово се не поклапа са изабраним елементом, тако да га ваше измене не би промениле",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилови попут „:hover“ још увек не могу да се уређују уживо овде",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Унето име стила није важеће – покушајте са класом као што је .card или ID-јем као што је #hero",
-  "LIVE_DEV_STYLER_CREATE": "Креирај",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "нпр. .card или #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Висина",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Величина",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Минимална ширина",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Максимална ширина",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Минимална висина",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Максимална висина",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Прикажи ограничења мин/макс величине",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Сакриј ограничења мин/макс величине",
-  "LIVE_DEV_STYLER_OPACITY": "Непрозирност",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Промени јединицу - пребацује између {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Повећај {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Смањи {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Повећај вредност",
-  "LIVE_DEV_STYLER_DECREASE": "Смањи вредност",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + клик: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Изабери боју са странице"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Прикажи траку са стиловима када су елементи изабрани у прегледу уживо. Подразумевано је 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна на коју се причвршћује трака са стиловима у прегледу уживо: 'top', 'bottom', 'left' или 'right'. Подразумевано је 'bottom'.",
+  "LIVE_DEV_STYLER_DOCK": "Позиција причвршћивања",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Помери траку улево",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Помери траку удесно",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страници",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Уобичајене",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Бела",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребрна",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сива",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Црна",
+  "LIVE_DEV_STYLER_COLOR_RED": "Црвена",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Наранџаста",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Златна",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жута",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинаста",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лимета",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелена",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Тиркизна",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Цијан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Плава",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тегет",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Љубичаста",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолет",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розе",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Прикажи траку са стиловима"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index 2c61ca1e2f..cdfbb1e3ca 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Radera",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Bildgalleri",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Fler alternativ",
+  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrundsfärg",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfärg",
+  "LIVE_DEV_STYLER_FONT": "Teckensnitt",
+  "LIVE_DEV_STYLER_SIZE": "Teckenstorlek",
+  "LIVE_DEV_STYLER_WEIGHT": "Teckensnittsvikt",
+  "LIVE_DEV_STYLER_ALIGN": "Textjustering",
+  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
+  "LIVE_DEV_STYLER_SPACING": "Marginal & utfyllnad",
+  "LIVE_DEV_STYLER_LAYOUT": "Layout",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Flytta fältet till toppen",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytta fältet till botten",
+  "LIVE_DEV_STYLER_RESET": "Återställ ändringar",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Inga ändringar att återställa",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Klar",
+  "LIVE_DEV_STYLER_MIXED": "Blandat",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidorna skiljer sig åt — redigera varje sida separat",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Sök typsnitt...",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På den här sidan",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Anpassad",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Använd \"{0}\"",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Inga teckensnitt hittades",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Ladda fler",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tunn",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra lätt",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lätt",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra fet",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Radhöjd",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Teckenavstånd",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstånd",
+  "LIVE_DEV_STYLER_CASE": "Skiftläge",
+  "LIVE_DEV_STYLER_BOLD": "Fet",
+  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
+  "LIVE_DEV_STYLER_UNDERLINE": "Understruken",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Genomstruken",
+  "LIVE_DEV_STYLER_NONE": "Ingen",
+  "LIVE_DEV_STYLER_UPPERCASE": "Versaler",
+  "LIVE_DEV_STYLER_LOWERCASE": "Gemener",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisera",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Vänsterjustera",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrera",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Högerjustera",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Marginaljustera",
   "LIVE_DEV_STYLER_CLEAR": "Rensa",
+  "LIVE_DEV_STYLER_RADIUS": "Radie",
+  "LIVE_DEV_STYLER_WIDTH": "Bredd",
+  "LIVE_DEV_STYLER_COLOR": "Färg",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Heldragen",
+  "LIVE_DEV_STYLER_DASHED": "Streckad",
+  "LIVE_DEV_STYLER_DOTTED": "Prickad",
+  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
+  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
+  "LIVE_DEV_STYLER_OFFSET": "Förskjutning",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje och kontur",
+  "LIVE_DEV_STYLER_SIDE": "Sida",
+  "LIVE_DEV_STYLER_PADDING": "Padding",
+  "LIVE_DEV_STYLER_MARGIN": "Margin",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Redigera alla sidor tillsammans",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Redigera sidor separat",
+  "LIVE_DEV_STYLER_LINK_NONE": "Oberoende sidor - varje sida har sitt eget värde",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "I par - över- & undersida länkade, vänster- & högersida länkade",
+  "LIVE_DEV_STYLER_LINK_ALL": "Alla sidor länkade - ett värde för alla sidor",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicka för att ändra hur sidorna är länkade",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Alla",
   "LIVE_DEV_STYLER_TOP": "Övre",
   "LIVE_DEV_STYLER_RIGHT": "Höger",
   "LIVE_DEV_STYLER_BOTTOM": "Undre",
   "LIVE_DEV_STYLER_LEFT": "Vänster",
+  "LIVE_DEV_STYLER_DISPLAY": "Visning",
+  "LIVE_DEV_STYLER_DIRECTION": "Riktning",
+  "LIVE_DEV_STYLER_JUSTIFY": "Justera",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Rikta objekt",
+  "LIVE_DEV_STYLER_WRAP": "Radbrytning",
+  "LIVE_DEV_STYLER_GAP": "Mellanrum",
+  "LIVE_DEV_STYLER_COLUMNS": "Kolumner",
+  "LIVE_DEV_STYLER_ROWS": "Rader",
+  "LIVE_DEV_STYLER_POSITION": "Position",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Block",
+  "LIVE_DEV_STYLER_INLINE": "Inline",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-block",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
+  "LIVE_DEV_STYLER_GRID": "Grid",
+  "LIVE_DEV_STYLER_HIDDEN": "Dold",
+  "LIVE_DEV_STYLER_ROW": "Rad",
+  "LIVE_DEV_STYLER_COLUMN": "Kolumn",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvänd rad",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvänd kolumn",
+  "LIVE_DEV_STYLER_START": "Start",
+  "LIVE_DEV_STYLER_CENTER": "Centrerad",
+  "LIVE_DEV_STYLER_END": "Slut",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Utrymme mellan",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Utrymme runt",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jämnt utrymme",
+  "LIVE_DEV_STYLER_STRETCH": "Sträck",
+  "LIVE_DEV_STYLER_BASELINE": "Baslinje",
+  "LIVE_DEV_STYLER_NO_WRAP": "Ingen brytning",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvänd radbrytning",
+  "LIVE_DEV_STYLER_STATIC": "Statisk",
+  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
+  "LIVE_DEV_STYLER_STICKY": "Klistrad",
+  "LIVE_DEV_STYLER_FIXED": "Fast",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Spara ändringar i",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Infogad",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt på elementet",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "påverkar {0} på sidan",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lägger till klassen \"{0}\" till det här elementet och sparar stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Ger det här elementet id:t \"{0}\" och sparar stilen i {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sparar stilen i {0} – stylar endast det här elementet",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sparar stilen i {0} – stylar {1} element på sidan",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ett annat element har redan det id:t – prova en klass istället",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Detta matchar inte det valda elementet, så dina ändringar kommer inte att påverka det",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilar som \":hover\" kan inte redigeras live här än",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det där ser inte ut som ett giltigt stilnamn – prova en klass som .card eller ett id som #hero",
+  "LIVE_DEV_STYLER_CREATE": "Skapa",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "t.ex. .card eller #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Höjd",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Storlek",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min bredd",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Max bredd",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min höjd",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max höjd",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Visa min-/max-storleksgränser",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Dölj min-/max-storleksgränser",
+  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ändra enhet - växlar mellan {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Öka {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Minska {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Öka värde",
+  "LIVE_DEV_STYLER_DECREASE": "Minska värde",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Välj färg från sidan",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Klipp ut",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopiera",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Klistra in",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "LIVE_DEV_STYLER_BACKGROUND": "Bakgrundsfärg",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Textfärg",
-  "LIVE_DEV_STYLER_FONT": "Teckensnitt",
-  "LIVE_DEV_STYLER_SIZE": "Teckenstorlek",
-  "LIVE_DEV_STYLER_WEIGHT": "Teckensnittsvikt",
-  "LIVE_DEV_STYLER_ALIGN": "Textjustering",
-  "LIVE_DEV_STYLER_BORDER": "Kantlinje",
-  "LIVE_DEV_STYLER_SPACING": "Marginal & utfyllnad",
-  "LIVE_DEV_STYLER_LAYOUT": "Layout",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Flytta fältet till toppen",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytta fältet till botten",
-  "LIVE_DEV_STYLER_RESET": "Återställ ändringar",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Inga ändringar att återställa",
-  "LIVE_DEV_STYLER_MIXED": "Blandat",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Sidorna skiljer sig åt — redigera varje sida separat",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Sök typsnitt...",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "System",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "På den här sidan",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Anpassad",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Använd \"{0}\"",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Inga teckensnitt hittades",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Ladda fler",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Tunn",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Extra lätt",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Lätt",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Medium",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Halvfet",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Fet",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Extra fet",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Svart",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Radhöjd",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Teckenavstånd",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Ordavstånd",
-  "LIVE_DEV_STYLER_CASE": "Skiftläge",
-  "LIVE_DEV_STYLER_BOLD": "Fet",
-  "LIVE_DEV_STYLER_ITALIC": "Kursiv",
-  "LIVE_DEV_STYLER_UNDERLINE": "Understruken",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Genomstruken",
-  "LIVE_DEV_STYLER_NONE": "Ingen",
-  "LIVE_DEV_STYLER_UPPERCASE": "Versaler",
-  "LIVE_DEV_STYLER_LOWERCASE": "Gemener",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Kapitalisera",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Vänsterjustera",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Centrera",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Högerjustera",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Marginaljustera",
-  "LIVE_DEV_STYLER_RADIUS": "Radie",
-  "LIVE_DEV_STYLER_WIDTH": "Bredd",
-  "LIVE_DEV_STYLER_COLOR": "Färg",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Heldragen",
-  "LIVE_DEV_STYLER_DASHED": "Streckad",
-  "LIVE_DEV_STYLER_DOTTED": "Prickad",
-  "LIVE_DEV_STYLER_DOUBLE": "Dubbel",
-  "LIVE_DEV_STYLER_OUTLINE": "Kontur",
-  "LIVE_DEV_STYLER_OFFSET": "Förskjutning",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kantlinje och kontur",
-  "LIVE_DEV_STYLER_SIDE": "Sida",
-  "LIVE_DEV_STYLER_PADDING": "Padding",
-  "LIVE_DEV_STYLER_MARGIN": "Margin",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Redigera alla sidor tillsammans",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Redigera sidor separat",
-  "LIVE_DEV_STYLER_LINK_NONE": "Oberoende sidor - varje sida har sitt eget värde",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "I par - över- & undersida länkade, vänster- & högersida länkade",
-  "LIVE_DEV_STYLER_LINK_ALL": "Alla sidor länkade - ett värde för alla sidor",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Klicka för att ändra hur sidorna är länkade",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Alla",
-  "LIVE_DEV_STYLER_DISPLAY": "Visning",
-  "LIVE_DEV_STYLER_DIRECTION": "Riktning",
-  "LIVE_DEV_STYLER_JUSTIFY": "Justera",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Rikta objekt",
-  "LIVE_DEV_STYLER_WRAP": "Radbrytning",
-  "LIVE_DEV_STYLER_GAP": "Mellanrum",
-  "LIVE_DEV_STYLER_COLUMNS": "Kolumner",
-  "LIVE_DEV_STYLER_ROWS": "Rader",
-  "LIVE_DEV_STYLER_POSITION": "Position",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Block",
-  "LIVE_DEV_STYLER_INLINE": "Inline",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Inline-block",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Inline-flex",
-  "LIVE_DEV_STYLER_GRID": "Grid",
-  "LIVE_DEV_STYLER_HIDDEN": "Dold",
-  "LIVE_DEV_STYLER_ROW": "Rad",
-  "LIVE_DEV_STYLER_COLUMN": "Kolumn",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Omvänd rad",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Omvänd kolumn",
-  "LIVE_DEV_STYLER_START": "Start",
-  "LIVE_DEV_STYLER_CENTER": "Centrerad",
-  "LIVE_DEV_STYLER_END": "Slut",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Utrymme mellan",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Utrymme runt",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Jämnt utrymme",
-  "LIVE_DEV_STYLER_STRETCH": "Sträck",
-  "LIVE_DEV_STYLER_BASELINE": "Baslinje",
-  "LIVE_DEV_STYLER_NO_WRAP": "Ingen brytning",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Omvänd radbrytning",
-  "LIVE_DEV_STYLER_STATIC": "Statisk",
-  "LIVE_DEV_STYLER_RELATIVE": "Relativ",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Absolut",
-  "LIVE_DEV_STYLER_STICKY": "Klistrad",
-  "LIVE_DEV_STYLER_FIXED": "Fast",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Spara ändringar i",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Infogad",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "direkt på elementet",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "påverkar {0} på sidan",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Ny stil…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Ny stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Lägger till klassen \"{0}\" till det här elementet och sparar stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Ger det här elementet id:t \"{0}\" och sparar stilen i {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Sparar stilen i {0} – stylar endast det här elementet",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Sparar stilen i {0} – stylar {1} element på sidan",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Ett annat element har redan det id:t – prova en klass istället",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Detta matchar inte det valda elementet, så dina ändringar kommer inte att påverka det",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Stilar som \":hover\" kan inte redigeras live här än",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Det där ser inte ut som ett giltigt stilnamn – prova en klass som .card eller ett id som #hero",
-  "LIVE_DEV_STYLER_CREATE": "Skapa",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "t.ex. .card eller #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Höjd",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Storlek",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min bredd",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Max bredd",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min höjd",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Max höjd",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Visa min-/max-storleksgränser",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Dölj min-/max-storleksgränser",
-  "LIVE_DEV_STYLER_OPACITY": "Opacitet",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Ändra enhet - växlar mellan {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Öka {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Minska {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Öka värde",
-  "LIVE_DEV_STYLER_DECREASE": "Minska värde",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Klick: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Välj färg från sidan"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Visa stilfältet när element är markerade i direktförhandsgranskning. Standard är 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Vilken sida stilfältet för direktförhandsgranskning fästs vid: 'top', 'bottom', 'left' eller 'right'. Standard är 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Dockningsposition",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytta fältet till vänster",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytta fältet till höger",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På sidan",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanliga",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Vit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Röd",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rödbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivgrön",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limegrön",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grön",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkos",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marinblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Visa stilfält"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index 868633b093..e53128884e 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Sil",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Resim Galerisi",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Daha Fazla Seçenek",
+  "LIVE_DEV_STYLER_BACKGROUND": "Arka plan rengi",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Metin rengi",
+  "LIVE_DEV_STYLER_FONT": "Yazı tipi ailesi",
+  "LIVE_DEV_STYLER_SIZE": "Yazı tipi boyutu",
+  "LIVE_DEV_STYLER_WEIGHT": "Yazı tipi kalınlığı",
+  "LIVE_DEV_STYLER_ALIGN": "Metin hizalama",
+  "LIVE_DEV_STYLER_BORDER": "Kenarlık",
+  "LIVE_DEV_STYLER_SPACING": "Dış ve iç boşluk",
+  "LIVE_DEV_STYLER_LAYOUT": "Düzen",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Metin stili",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Çubuğu üste taşı",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Çubuğu alta taşı",
+  "LIVE_DEV_STYLER_RESET": "Değişiklikleri sıfırla",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sıfırlanacak değişiklik yok",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "Bitti",
+  "LIVE_DEV_STYLER_MIXED": "Karışık",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Kenarlar farklı — her kenarı ayrı düzenleyin",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Yazı tipi ara…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Bu sayfada",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Özel",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" kullan",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Yazı tipi bulunamadı",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Daha fazla yükle",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "İnce",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Çok İnce",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Hafif",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Orta",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Yarı Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Kalın",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Siyah",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Satır yüksekliği",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Harf aralığı",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Kelime aralığı",
+  "LIVE_DEV_STYLER_CASE": "Büyük/Küçük Harf",
+  "LIVE_DEV_STYLER_BOLD": "Kalın",
+  "LIVE_DEV_STYLER_ITALIC": "İtalik",
+  "LIVE_DEV_STYLER_UNDERLINE": "Altı çizili",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Üstü çizili",
+  "LIVE_DEV_STYLER_NONE": "Yok",
+  "LIVE_DEV_STYLER_UPPERCASE": "Büyük harf",
+  "LIVE_DEV_STYLER_LOWERCASE": "Küçük harf",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Her Sözcüğü Büyük Harfle Başlat",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Sola hizala",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Ortala",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Sağa hizala",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Yasla",
+  "LIVE_DEV_STYLER_CLEAR": "Temizle",
+  "LIVE_DEV_STYLER_RADIUS": "Yarıçap",
+  "LIVE_DEV_STYLER_WIDTH": "Genişlik",
+  "LIVE_DEV_STYLER_COLOR": "Renk",
+  "LIVE_DEV_STYLER_STYLE": "Stil",
+  "LIVE_DEV_STYLER_SOLID": "Düz",
+  "LIVE_DEV_STYLER_DASHED": "Kesik Çizgili",
+  "LIVE_DEV_STYLER_DOTTED": "Noktalı",
+  "LIVE_DEV_STYLER_DOUBLE": "Çift",
+  "LIVE_DEV_STYLER_OUTLINE": "Dış Çizgi",
+  "LIVE_DEV_STYLER_OFFSET": "Ofset",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kenarlık ve Dış Çizgi",
+  "LIVE_DEV_STYLER_SIDE": "Kenar",
+  "LIVE_DEV_STYLER_PADDING": "İç Boşluk",
+  "LIVE_DEV_STYLER_MARGIN": "Dış Boşluk",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Tüm kenarları birlikte düzenle",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Kenarları bağımsız düzenle",
+  "LIVE_DEV_STYLER_LINK_NONE": "Bağımsız kenarlar - her kenarın kendi değeri var",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Eşleştirilmiş - üst ve alt bağlantılı, sol ve sağ bağlantılı",
+  "LIVE_DEV_STYLER_LINK_ALL": "Tüm kenarlar bağlantılı - her kenar için tek bir değer",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kenarların nasıl bağlandığını değiştirmek için tıklayın",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Tümü",
+  "LIVE_DEV_STYLER_TOP": "Üst",
+  "LIVE_DEV_STYLER_RIGHT": "Sağ",
+  "LIVE_DEV_STYLER_BOTTOM": "Alt",
+  "LIVE_DEV_STYLER_LEFT": "Sol",
+  "LIVE_DEV_STYLER_DISPLAY": "Görüntüleme",
+  "LIVE_DEV_STYLER_DIRECTION": "Yön",
+  "LIVE_DEV_STYLER_JUSTIFY": "Yasla",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Öğeleri hizala",
+  "LIVE_DEV_STYLER_WRAP": "Sarmala",
+  "LIVE_DEV_STYLER_GAP": "Boşluk",
+  "LIVE_DEV_STYLER_COLUMNS": "Sütunlar",
+  "LIVE_DEV_STYLER_ROWS": "Satırlar",
+  "LIVE_DEV_STYLER_POSITION": "Konum",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "Blok",
+  "LIVE_DEV_STYLER_INLINE": "Satır içi",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Satır içi Blok",
+  "LIVE_DEV_STYLER_FLEX": "Flex",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Satır İçi Flex",
+  "LIVE_DEV_STYLER_GRID": "Izgara",
+  "LIVE_DEV_STYLER_HIDDEN": "Gizli",
+  "LIVE_DEV_STYLER_ROW": "Satır",
+  "LIVE_DEV_STYLER_COLUMN": "Sütun",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Satır Ters",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sütun Ters",
+  "LIVE_DEV_STYLER_START": "Başlangıç",
+  "LIVE_DEV_STYLER_CENTER": "Orta",
+  "LIVE_DEV_STYLER_END": "Bitiş",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Aralarında Boşluk",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Etrafında Boşluk",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Eşit Aralıklı",
+  "LIVE_DEV_STYLER_STRETCH": "Yay",
+  "LIVE_DEV_STYLER_BASELINE": "Taban Çizgisi",
+  "LIVE_DEV_STYLER_NO_WRAP": "Sarma",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ters Sar",
+  "LIVE_DEV_STYLER_STATIC": "Statik",
+  "LIVE_DEV_STYLER_RELATIVE": "Göreceli",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Mutlak",
+  "LIVE_DEV_STYLER_STICKY": "Yapışkan",
+  "LIVE_DEV_STYLER_FIXED": "Sabit",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Uygulanacağı yer",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Satır içi",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "doğrudan öğe üzerinde",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "sayfadaki {0} öğeyi etkiler",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Yeni stil...",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Yeni stil",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Bu öğeye \"{0}\" sınıfını ekler ve stili {1}'e kaydeder",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Bu öğeye \"{0}\" kimliğini verir ve stili {1}'e kaydeder",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Stili {0} içine kaydeder - yalnızca bu öğeyi stillendirir",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Stili {0} içine kaydeder - sayfadaki {1} öğeyi stillendirir",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Başka bir öğe zaten bu kimliğe sahip - bunun yerine bir sınıf deneyin",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Bu, seçili öğeyle eşleşmiyor, bu nedenle düzenlemeleriniz onu değiştirmez",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" gibi stiller henüz burada canlı olarak düzenlenemez",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Bu, geçerli bir stil adı gibi görünmüyor - .card gibi bir sınıf veya #hero gibi bir kimlik deneyin",
+  "LIVE_DEV_STYLER_CREATE": "Oluştur",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "örn. .card veya #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Yükseklik",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Boyut",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Min genişlik",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks genişlik",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min yükseklik",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks yükseklik",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min / maks boyut sınırlarını göster",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min / maks boyut sınırlarını gizle",
+  "LIVE_DEV_STYLER_OPACITY": "Opaklık",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Birimi değiştir - {0} arasında geçiş yapar",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} artır",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} azalt",
+  "LIVE_DEV_STYLER_INCREASE": "Değeri artır",
+  "LIVE_DEV_STYLER_DECREASE": "Değeri azalt",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Tıkla: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Sayfadan renk seç",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Kes",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Kopyala",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Yapıştır",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "LIVE_DEV_STYLER_BACKGROUND": "Arka plan rengi",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Metin rengi",
-  "LIVE_DEV_STYLER_FONT": "Yazı tipi ailesi",
-  "LIVE_DEV_STYLER_SIZE": "Yazı tipi boyutu",
-  "LIVE_DEV_STYLER_WEIGHT": "Yazı tipi kalınlığı",
-  "LIVE_DEV_STYLER_ALIGN": "Metin hizalama",
-  "LIVE_DEV_STYLER_BORDER": "Kenarlık",
-  "LIVE_DEV_STYLER_SPACING": "Dış ve iç boşluk",
-  "LIVE_DEV_STYLER_LAYOUT": "Düzen",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Metin stili",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Çubuğu üste taşı",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Çubuğu alta taşı",
-  "LIVE_DEV_STYLER_RESET": "Değişiklikleri sıfırla",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sıfırlanacak değişiklik yok",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "Bitti",
-  "LIVE_DEV_STYLER_MIXED": "Karışık",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Kenarlar farklı — her kenarı ayrı düzenleyin",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Yazı tipi ara…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Sistem",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "Bu sayfada",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Özel",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" kullan",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Yazı tipi bulunamadı",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Daha fazla yükle",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "İnce",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Çok İnce",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Hafif",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Normal",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Orta",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Yarı Kalın",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Kalın",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Ekstra Kalın",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Siyah",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Satır yüksekliği",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Harf aralığı",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Kelime aralığı",
-  "LIVE_DEV_STYLER_CASE": "Büyük/Küçük Harf",
-  "LIVE_DEV_STYLER_BOLD": "Kalın",
-  "LIVE_DEV_STYLER_ITALIC": "İtalik",
-  "LIVE_DEV_STYLER_UNDERLINE": "Altı çizili",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Üstü çizili",
-  "LIVE_DEV_STYLER_NONE": "Yok",
-  "LIVE_DEV_STYLER_UPPERCASE": "Büyük harf",
-  "LIVE_DEV_STYLER_LOWERCASE": "Küçük harf",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Her Sözcüğü Büyük Harfle Başlat",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Sola hizala",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Ortala",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Sağa hizala",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Yasla",
-  "LIVE_DEV_STYLER_CLEAR": "Temizle",
-  "LIVE_DEV_STYLER_RADIUS": "Yarıçap",
-  "LIVE_DEV_STYLER_WIDTH": "Genişlik",
-  "LIVE_DEV_STYLER_COLOR": "Renk",
-  "LIVE_DEV_STYLER_STYLE": "Stil",
-  "LIVE_DEV_STYLER_SOLID": "Düz",
-  "LIVE_DEV_STYLER_DASHED": "Kesik Çizgili",
-  "LIVE_DEV_STYLER_DOTTED": "Noktalı",
-  "LIVE_DEV_STYLER_DOUBLE": "Çift",
-  "LIVE_DEV_STYLER_OUTLINE": "Dış Çizgi",
-  "LIVE_DEV_STYLER_OFFSET": "Ofset",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Kenarlık ve Dış Çizgi",
-  "LIVE_DEV_STYLER_SIDE": "Kenar",
-  "LIVE_DEV_STYLER_PADDING": "İç Boşluk",
-  "LIVE_DEV_STYLER_MARGIN": "Dış Boşluk",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Tüm kenarları birlikte düzenle",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Kenarları bağımsız düzenle",
-  "LIVE_DEV_STYLER_LINK_NONE": "Bağımsız kenarlar - her kenarın kendi değeri var",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Eşleştirilmiş - üst ve alt bağlantılı, sol ve sağ bağlantılı",
-  "LIVE_DEV_STYLER_LINK_ALL": "Tüm kenarlar bağlantılı - her kenar için tek bir değer",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Kenarların nasıl bağlandığını değiştirmek için tıklayın",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Tümü",
-  "LIVE_DEV_STYLER_TOP": "Üst",
-  "LIVE_DEV_STYLER_RIGHT": "Sağ",
-  "LIVE_DEV_STYLER_BOTTOM": "Alt",
-  "LIVE_DEV_STYLER_LEFT": "Sol",
-  "LIVE_DEV_STYLER_DISPLAY": "Görüntüleme",
-  "LIVE_DEV_STYLER_DIRECTION": "Yön",
-  "LIVE_DEV_STYLER_JUSTIFY": "Yasla",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Öğeleri hizala",
-  "LIVE_DEV_STYLER_WRAP": "Sarmala",
-  "LIVE_DEV_STYLER_GAP": "Boşluk",
-  "LIVE_DEV_STYLER_COLUMNS": "Sütunlar",
-  "LIVE_DEV_STYLER_ROWS": "Satırlar",
-  "LIVE_DEV_STYLER_POSITION": "Konum",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "Blok",
-  "LIVE_DEV_STYLER_INLINE": "Satır içi",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Satır içi Blok",
-  "LIVE_DEV_STYLER_FLEX": "Flex",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Satır İçi Flex",
-  "LIVE_DEV_STYLER_GRID": "Izgara",
-  "LIVE_DEV_STYLER_HIDDEN": "Gizli",
-  "LIVE_DEV_STYLER_ROW": "Satır",
-  "LIVE_DEV_STYLER_COLUMN": "Sütun",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Satır Ters",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Sütun Ters",
-  "LIVE_DEV_STYLER_START": "Başlangıç",
-  "LIVE_DEV_STYLER_CENTER": "Orta",
-  "LIVE_DEV_STYLER_END": "Bitiş",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Aralarında Boşluk",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Etrafında Boşluk",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Eşit Aralıklı",
-  "LIVE_DEV_STYLER_STRETCH": "Yay",
-  "LIVE_DEV_STYLER_BASELINE": "Taban Çizgisi",
-  "LIVE_DEV_STYLER_NO_WRAP": "Sarma",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Ters Sar",
-  "LIVE_DEV_STYLER_STATIC": "Statik",
-  "LIVE_DEV_STYLER_RELATIVE": "Göreceli",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Mutlak",
-  "LIVE_DEV_STYLER_STICKY": "Yapışkan",
-  "LIVE_DEV_STYLER_FIXED": "Sabit",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Uygulanacağı yer",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Satır içi",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "doğrudan öğe üzerinde",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "sayfadaki {0} öğeyi etkiler",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Yeni stil...",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Yeni stil",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Bu öğeye \"{0}\" sınıfını ekler ve stili {1}'e kaydeder",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Bu öğeye \"{0}\" kimliğini verir ve stili {1}'e kaydeder",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Stili {0} içine kaydeder - yalnızca bu öğeyi stillendirir",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Stili {0} içine kaydeder - sayfadaki {1} öğeyi stillendirir",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Başka bir öğe zaten bu kimliğe sahip - bunun yerine bir sınıf deneyin",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Bu, seçili öğeyle eşleşmiyor, bu nedenle düzenlemeleriniz onu değiştirmez",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" gibi stiller henüz burada canlı olarak düzenlenemez",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Bu, geçerli bir stil adı gibi görünmüyor - .card gibi bir sınıf veya #hero gibi bir kimlik deneyin",
-  "LIVE_DEV_STYLER_CREATE": "Oluştur",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "örn. .card veya #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Yükseklik",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Boyut",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Min genişlik",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Maks genişlik",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Min yükseklik",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Maks yükseklik",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Min / maks boyut sınırlarını göster",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Min / maks boyut sınırlarını gizle",
-  "LIVE_DEV_STYLER_OPACITY": "Opaklık",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Birimi değiştir - {0} arasında geçiş yapar",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} artır",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} azalt",
-  "LIVE_DEV_STYLER_INCREASE": "Değeri artır",
-  "LIVE_DEV_STYLER_DECREASE": "Değeri azalt",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Tıkla: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Sayfadan renk seç"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Canlı önizlemede öğeler seçildiğinde stil çubuğunu göster. Varsayılan: 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Canlı önizleme stil çubuğunun sabitleneceği taraf: 'top', 'bottom', 'left' veya 'right'. Varsayılan: 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Sabitleme konumu",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Çubuğu sola taşı",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Çubuğu sağa taşı",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Bu sayfada",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Genel",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Beyaz",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Gümüş",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Siyah",
+  "LIVE_DEV_STYLER_COLOR_RED": "Kırmızı",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Turuncu",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Altın Sarısı",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sarı",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zeytin Yeşili",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Misket Limonu Yeşili",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Yeşil",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Camgöbeği",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Camgöbeği",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Mavi",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Lacivert",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "İndigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mor",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Macenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Menekşe",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pembe",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stil Çubuğunu Göster"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index 87ef07390d..c095f805ad 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -170,11 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "Видалити",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "Галерея зображень",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "Більше опцій",
+  "LIVE_DEV_STYLER_BACKGROUND": "Колір фону",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "Колір тексту",
+  "LIVE_DEV_STYLER_FONT": "Шрифт",
+  "LIVE_DEV_STYLER_SIZE": "Розмір шрифту",
+  "LIVE_DEV_STYLER_WEIGHT": "Насиченість шрифту",
+  "LIVE_DEV_STYLER_ALIGN": "Вирівнювання тексту",
+  "LIVE_DEV_STYLER_BORDER": "Рамка",
+  "LIVE_DEV_STYLER_SPACING": "Поля й відступи",
+  "LIVE_DEV_STYLER_LAYOUT": "Макет",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль тексту",
+  "LIVE_DEV_STYLER_DOCK_TOP": "Перемістити панель вгору",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Перемістити панель вниз",
+  "LIVE_DEV_STYLER_RESET": "Скинути зміни",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Немає змін для скидання",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
+  "LIVE_DEV_STYLER_MIXED": "Змішане",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "Сторони відрізняються — редагуйте кожну сторону окремо",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "Пошук шрифтів…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системні",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На цій сторінці",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Користувацький",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Використовувати «{0}»",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифтів не знайдено",
+  "LIVE_DEV_STYLER_LOAD_MORE": "Завантажити ще",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Надсвітлий",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Світлий",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Звичайний",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Середній",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Напівжирний",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Жирний",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Наджирний",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чорний",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "Висота рядка",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "Міжлітерний інтервал",
+  "LIVE_DEV_STYLER_WORD_SPACING": "Міжслівний інтервал",
+  "LIVE_DEV_STYLER_CASE": "Регістр",
+  "LIVE_DEV_STYLER_BOLD": "Жирний",
+  "LIVE_DEV_STYLER_ITALIC": "Курсив",
+  "LIVE_DEV_STYLER_UNDERLINE": "Підкреслений",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "Закреслений",
+  "LIVE_DEV_STYLER_NONE": "Немає",
+  "LIVE_DEV_STYLER_UPPERCASE": "Верхній регістр",
+  "LIVE_DEV_STYLER_LOWERCASE": "Нижній регістр",
+  "LIVE_DEV_STYLER_CAPITALIZE": "Капіталізація",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "Вирівняти за лівим краєм",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "Вирівняти по центру",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Вирівняти за правим краєм",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Вирівняти за шириною",
+  "LIVE_DEV_STYLER_CLEAR": "Очистити",
+  "LIVE_DEV_STYLER_RADIUS": "Радіус",
+  "LIVE_DEV_STYLER_WIDTH": "Ширина",
+  "LIVE_DEV_STYLER_COLOR": "Колір",
+  "LIVE_DEV_STYLER_STYLE": "Стиль",
+  "LIVE_DEV_STYLER_SOLID": "Суцільний",
+  "LIVE_DEV_STYLER_DASHED": "Штриховий",
+  "LIVE_DEV_STYLER_DOTTED": "Точковий",
+  "LIVE_DEV_STYLER_DOUBLE": "Подвійний",
+  "LIVE_DEV_STYLER_OUTLINE": "Контур",
+  "LIVE_DEV_STYLER_OFFSET": "Відступ",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Межа та контур",
+  "LIVE_DEV_STYLER_SIDE": "Сторона",
+  "LIVE_DEV_STYLER_PADDING": "Внутрішній відступ",
+  "LIVE_DEV_STYLER_MARGIN": "Зовнішній відступ",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "Редагувати всі сторони разом",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редагувати сторони незалежно",
+  "LIVE_DEV_STYLER_LINK_NONE": "Незалежні сторони - кожна сторона має власне значення",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "Парні - верх і низ пов'язані, ліва і права сторони пов'язані",
+  "LIVE_DEV_STYLER_LINK_ALL": "Усі сторони пов'язані - одне значення для кожної сторони",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Натисніть, щоб змінити спосіб зв'язування сторін",
+  "LIVE_DEV_STYLER_ALL_SIDES": "Усі",
   "LIVE_DEV_STYLER_TOP": "Верхня",
   "LIVE_DEV_STYLER_RIGHT": "Права",
   "LIVE_DEV_STYLER_BOTTOM": "Нижня",
   "LIVE_DEV_STYLER_LEFT": "Ліва",
+  "LIVE_DEV_STYLER_DISPLAY": "Відображення",
+  "LIVE_DEV_STYLER_DIRECTION": "Напрямок",
+  "LIVE_DEV_STYLER_JUSTIFY": "Вирівнювання",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Вирівняти елементи",
+  "LIVE_DEV_STYLER_WRAP": "Перенесення",
+  "LIVE_DEV_STYLER_GAP": "Проміжок",
+  "LIVE_DEV_STYLER_COLUMNS": "Стовпці",
+  "LIVE_DEV_STYLER_ROWS": "Рядки",
+  "LIVE_DEV_STYLER_POSITION": "Позиція",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-індекс",
+  "LIVE_DEV_STYLER_BLOCK": "Блок",
+  "LIVE_DEV_STYLER_INLINE": "Рядковий",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "Рядково-блоковий",
+  "LIVE_DEV_STYLER_FLEX": "Флекс",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "Рядковий флекс",
+  "LIVE_DEV_STYLER_GRID": "Сітка",
+  "LIVE_DEV_STYLER_HIDDEN": "Прихований",
+  "LIVE_DEV_STYLER_ROW": "Рядок",
+  "LIVE_DEV_STYLER_COLUMN": "Стовпець",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "Зворотний рядок",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Зворотний стовпець",
+  "LIVE_DEV_STYLER_START": "Початок",
+  "LIVE_DEV_STYLER_CENTER": "Центр",
+  "LIVE_DEV_STYLER_END": "Кінець",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Простір між",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "Простір навколо",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "Рівномірний простір",
+  "LIVE_DEV_STYLER_STRETCH": "Розтягування",
+  "LIVE_DEV_STYLER_BASELINE": "Базова лінія",
+  "LIVE_DEV_STYLER_NO_WRAP": "Без переносу",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "Зворотний перенос",
+  "LIVE_DEV_STYLER_STATIC": "Статичне",
+  "LIVE_DEV_STYLER_RELATIVE": "Відносне",
+  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютне",
+  "LIVE_DEV_STYLER_STICKY": "Липке",
+  "LIVE_DEV_STYLER_FIXED": "Фіксоване",
+  "LIVE_DEV_STYLER_APPLIES_TO": "Зберегти зміни в",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "Вбудований",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "безпосередньо на елементі",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "Впливає на {0} на сторінці",
+  "LIVE_DEV_STYLER_NEW_STYLE": "Новий стиль…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новий стиль",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додає клас \"{0}\" до цього елемента та зберігає стиль у {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Надає цьому елементу id \"{0}\" та зберігає стиль у {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Зберігає стиль у {0} – стилізує лише цей елемент",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Зберігає стиль у {0} – стилізує {1} елементів на сторінці",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Інший елемент уже має такий id – спробуйте натомість використати клас",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Це не відповідає вибраному елементу, тому ваші редагування не змінять його",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилі, як-от \":hover\", поки що не можна редагувати тут наживо",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Схоже, це недійсна назва стилю. Спробуйте клас, як-от .card, або ідентифікатор, як-от #hero.",
+  "LIVE_DEV_STYLER_CREATE": "Створити",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card або #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "Висота",
+  "LIVE_DEV_STYLER_SIZE_TAB": "Розмір",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "Мін. ширина",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мін. висота",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. висота",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показати обмеження мін./макс. розміру",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "Приховати обмеження мін / макс розміру",
+  "LIVE_DEV_STYLER_OPACITY": "Непрозорість",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "Змінити одиницю - перемикає між {0}",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "Збільшити {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "Зменшити {0}",
+  "LIVE_DEV_STYLER_INCREASE": "Збільшити значення",
+  "LIVE_DEV_STYLER_DECREASE": "Зменшити значення",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клік: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "Вибрати колір зі сторінки",
   "LIVE_DEV_MORE_OPTIONS_CUT": "Вирізати",
   "LIVE_DEV_MORE_OPTIONS_COPY": "Копіювати",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "Вставити",
@@ -2283,143 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "LIVE_DEV_STYLER_BACKGROUND": "Колір фону",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "Колір тексту",
-  "LIVE_DEV_STYLER_FONT": "Шрифт",
-  "LIVE_DEV_STYLER_SIZE": "Розмір шрифту",
-  "LIVE_DEV_STYLER_WEIGHT": "Насиченість шрифту",
-  "LIVE_DEV_STYLER_ALIGN": "Вирівнювання тексту",
-  "LIVE_DEV_STYLER_BORDER": "Рамка",
-  "LIVE_DEV_STYLER_SPACING": "Поля й відступи",
-  "LIVE_DEV_STYLER_LAYOUT": "Макет",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль тексту",
-  "LIVE_DEV_STYLER_DOCK_TOP": "Перемістити панель вгору",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "Перемістити панель вниз",
-  "LIVE_DEV_STYLER_RESET": "Скинути зміни",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Немає змін для скидання",
-  "LIVE_DEV_STYLER_MIXED": "Змішане",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "Сторони відрізняються — редагуйте кожну сторону окремо",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "Пошук шрифтів…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Гугл",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "Системні",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "На цій сторінці",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "Користувацький",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "Використовувати «{0}»",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "Шрифтів не знайдено",
-  "LIVE_DEV_STYLER_LOAD_MORE": "Завантажити ще",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "Тонкий",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "Надсвітлий",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "Світлий",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "Звичайний",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "Середній",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "Напівжирний",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "Жирний",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "Наджирний",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "Чорний",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "Висота рядка",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "Міжлітерний інтервал",
-  "LIVE_DEV_STYLER_WORD_SPACING": "Міжслівний інтервал",
-  "LIVE_DEV_STYLER_CASE": "Регістр",
-  "LIVE_DEV_STYLER_BOLD": "Жирний",
-  "LIVE_DEV_STYLER_ITALIC": "Курсив",
-  "LIVE_DEV_STYLER_UNDERLINE": "Підкреслений",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "Закреслений",
-  "LIVE_DEV_STYLER_NONE": "Немає",
-  "LIVE_DEV_STYLER_UPPERCASE": "Верхній регістр",
-  "LIVE_DEV_STYLER_LOWERCASE": "Нижній регістр",
-  "LIVE_DEV_STYLER_CAPITALIZE": "Капіталізація",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "Вирівняти за лівим краєм",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "Вирівняти по центру",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "Вирівняти за правим краєм",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "Вирівняти за шириною",
-  "LIVE_DEV_STYLER_CLEAR": "Очистити",
-  "LIVE_DEV_STYLER_RADIUS": "Радіус",
-  "LIVE_DEV_STYLER_WIDTH": "Ширина",
-  "LIVE_DEV_STYLER_COLOR": "Колір",
-  "LIVE_DEV_STYLER_STYLE": "Стиль",
-  "LIVE_DEV_STYLER_SOLID": "Суцільний",
-  "LIVE_DEV_STYLER_DASHED": "Штриховий",
-  "LIVE_DEV_STYLER_DOTTED": "Точковий",
-  "LIVE_DEV_STYLER_DOUBLE": "Подвійний",
-  "LIVE_DEV_STYLER_OUTLINE": "Контур",
-  "LIVE_DEV_STYLER_OFFSET": "Відступ",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "Межа та контур",
-  "LIVE_DEV_STYLER_SIDE": "Сторона",
-  "LIVE_DEV_STYLER_PADDING": "Внутрішній відступ",
-  "LIVE_DEV_STYLER_MARGIN": "Зовнішній відступ",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "Редагувати всі сторони разом",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "Редагувати сторони незалежно",
-  "LIVE_DEV_STYLER_LINK_NONE": "Незалежні сторони - кожна сторона має власне значення",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "Парні - верх і низ пов'язані, ліва і права сторони пов'язані",
-  "LIVE_DEV_STYLER_LINK_ALL": "Усі сторони пов'язані - одне значення для кожної сторони",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "Натисніть, щоб змінити спосіб зв'язування сторін",
-  "LIVE_DEV_STYLER_ALL_SIDES": "Усі",
-  "LIVE_DEV_STYLER_DISPLAY": "Відображення",
-  "LIVE_DEV_STYLER_DIRECTION": "Напрямок",
-  "LIVE_DEV_STYLER_JUSTIFY": "Вирівнювання",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "Вирівняти елементи",
-  "LIVE_DEV_STYLER_WRAP": "Перенесення",
-  "LIVE_DEV_STYLER_GAP": "Проміжок",
-  "LIVE_DEV_STYLER_COLUMNS": "Стовпці",
-  "LIVE_DEV_STYLER_ROWS": "Рядки",
-  "LIVE_DEV_STYLER_POSITION": "Позиція",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-індекс",
-  "LIVE_DEV_STYLER_BLOCK": "Блок",
-  "LIVE_DEV_STYLER_INLINE": "Рядковий",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "Рядково-блоковий",
-  "LIVE_DEV_STYLER_FLEX": "Флекс",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "Рядковий флекс",
-  "LIVE_DEV_STYLER_GRID": "Сітка",
-  "LIVE_DEV_STYLER_HIDDEN": "Прихований",
-  "LIVE_DEV_STYLER_ROW": "Рядок",
-  "LIVE_DEV_STYLER_COLUMN": "Стовпець",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "Зворотний рядок",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "Зворотний стовпець",
-  "LIVE_DEV_STYLER_START": "Початок",
-  "LIVE_DEV_STYLER_CENTER": "Центр",
-  "LIVE_DEV_STYLER_END": "Кінець",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "Простір між",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "Простір навколо",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "Рівномірний простір",
-  "LIVE_DEV_STYLER_STRETCH": "Розтягування",
-  "LIVE_DEV_STYLER_BASELINE": "Базова лінія",
-  "LIVE_DEV_STYLER_NO_WRAP": "Без переносу",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "Зворотний перенос",
-  "LIVE_DEV_STYLER_STATIC": "Статичне",
-  "LIVE_DEV_STYLER_RELATIVE": "Відносне",
-  "LIVE_DEV_STYLER_ABSOLUTE": "Абсолютне",
-  "LIVE_DEV_STYLER_STICKY": "Липке",
-  "LIVE_DEV_STYLER_FIXED": "Фіксоване",
-  "LIVE_DEV_STYLER_APPLIES_TO": "Зберегти зміни в",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "Вбудований",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "безпосередньо на елементі",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "Впливає на {0} на сторінці",
-  "LIVE_DEV_STYLER_NEW_STYLE": "Новий стиль…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "Новий стиль",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "Додає клас \"{0}\" до цього елемента та зберігає стиль у {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "Надає цьому елементу id \"{0}\" та зберігає стиль у {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "Зберігає стиль у {0} – стилізує лише цей елемент",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "Зберігає стиль у {0} – стилізує {1} елементів на сторінці",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "Інший елемент уже має такий id – спробуйте натомість використати клас",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "Це не відповідає вибраному елементу, тому ваші редагування не змінять його",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "Стилі, як-от \":hover\", поки що не можна редагувати тут наживо",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "Схоже, це недійсна назва стилю. Спробуйте клас, як-от .card, або ідентифікатор, як-от #hero.",
-  "LIVE_DEV_STYLER_CREATE": "Створити",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "напр. .card або #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "Висота",
-  "LIVE_DEV_STYLER_SIZE_TAB": "Розмір",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "Мін. ширина",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "Макс. ширина",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "Мін. висота",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "Макс. висота",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "Показати обмеження мін./макс. розміру",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "Приховати обмеження мін / макс розміру",
-  "LIVE_DEV_STYLER_OPACITY": "Непрозорість",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "Змінити одиницю - перемикає між {0}",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "Збільшити {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "Зменшити {0}",
-  "LIVE_DEV_STYLER_INCREASE": "Збільшити значення",
-  "LIVE_DEV_STYLER_DECREASE": "Зменшити значення",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + Клік: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "Вибрати колір зі сторінки"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показувати панель стилів, коли елементи вибрано в живому перегляді. За замовчуванням 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, до якої прикріплюється панель стилів живого перегляду: 'top', 'bottom', 'left' або 'right'. За замовчуванням 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "Положення прикріплення",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Перемістити панель ліворуч",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Перемістити панель праворуч",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На сторінці",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Загальні",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Білий",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Срібний",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сірий",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Чорний",
+  "LIVE_DEV_STYLER_COLOR_RED": "Червоний",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовий",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Помаранчевий",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотий",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жовтий",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковий",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовий",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелений",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Бірюзовий",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ціан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Синій",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Темно-синій",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Індиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фіолетовий",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпуровий",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Віолетовий",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Рожевий",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показати панель стилів"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index 6c69ba9be1..edf38a0609 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -170,6 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "حذف کریں",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "تصویری گیلری",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "مزید اختیارات",
+  "LIVE_DEV_STYLER_BACKGROUND": "پس منظر کا رنگ",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "متن کا رنگ",
+  "LIVE_DEV_STYLER_FONT": "فونٹ فیملی",
+  "LIVE_DEV_STYLER_SIZE": "فونٹ کا سائز",
+  "LIVE_DEV_STYLER_WEIGHT": "فونٹ کا وزن",
+  "LIVE_DEV_STYLER_ALIGN": "متن کی سیدھ",
+  "LIVE_DEV_STYLER_BORDER": "بارڈر",
+  "LIVE_DEV_STYLER_SPACING": "مارجن اور پیڈنگ",
+  "LIVE_DEV_STYLER_LAYOUT": "لے آؤٹ",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "متن کا انداز",
+  "LIVE_DEV_STYLER_DOCK_TOP": "بار کو اوپر لے جائیں",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "بار کو نیچے لے جائیں",
+  "LIVE_DEV_STYLER_RESET": "تبدیلیاں ری سیٹ کریں",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "ری سیٹ کرنے کے لیے کوئی تبدیلی نہیں",
+  "LIVE_DEV_STYLER_CLOSE_SAVED": "ہو گیا",
+  "LIVE_DEV_STYLER_MIXED": "مخلوط",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "اطراف مختلف ہیں — ہر طرف میں الگ الگ ترمیم کریں",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "فونٹس تلاش کریں…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سسٹم",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "اس صفحے پر",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "کسٹم",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" استعمال کریں",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "کوئی فانٹ نہیں ملا",
+  "LIVE_DEV_STYLER_LOAD_MORE": "مزید لوڈ کریں",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "پتلا",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "اضافی ہلکا",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ہلکا",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "ریگولر",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "میڈیم",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیم جلی",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "جلی",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "زیادہ جلی",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "انتہائی جلی",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "لائن کی اونچائی",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "حرفی فاصلہ",
+  "LIVE_DEV_STYLER_WORD_SPACING": "لفظی فاصلہ",
+  "LIVE_DEV_STYLER_CASE": "کیس",
+  "LIVE_DEV_STYLER_BOLD": "جلی",
+  "LIVE_DEV_STYLER_ITALIC": "ترچھا",
+  "LIVE_DEV_STYLER_UNDERLINE": "انڈر لائن",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "اسٹرائیک تھرو",
+  "LIVE_DEV_STYLER_NONE": "کوئی نہیں",
+  "LIVE_DEV_STYLER_UPPERCASE": "بڑے حروف",
+  "LIVE_DEV_STYLER_LOWERCASE": "چھوٹے حروف",
+  "LIVE_DEV_STYLER_CAPITALIZE": "کیپٹلائز",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "بائیں سیدھ میں کریں",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "درمیان میں سیدھ کریں",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "دائیں سیدھ میں کریں",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "جسٹیفائی",
+  "LIVE_DEV_STYLER_CLEAR": "صاف",
+  "LIVE_DEV_STYLER_RADIUS": "رداس",
+  "LIVE_DEV_STYLER_WIDTH": "چوڑائی",
+  "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_STYLE": "اسٹائل",
+  "LIVE_DEV_STYLER_SOLID": "ٹھوس",
+  "LIVE_DEV_STYLER_DASHED": "ڈیش دار",
+  "LIVE_DEV_STYLER_DOTTED": "نقطے دار",
+  "LIVE_DEV_STYLER_DOUBLE": "دوہرا",
+  "LIVE_DEV_STYLER_OUTLINE": "آؤٹ لائن",
+  "LIVE_DEV_STYLER_OFFSET": "آفسیٹ",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "بارڈر اور آؤٹ لائن",
+  "LIVE_DEV_STYLER_SIDE": "سائیڈ",
+  "LIVE_DEV_STYLER_PADDING": "پیڈنگ",
+  "LIVE_DEV_STYLER_MARGIN": "مارجن",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "تمام سائیڈز میں ایک ساتھ ترمیم کریں",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "سائیڈز میں الگ الگ ترمیم کریں",
+  "LIVE_DEV_STYLER_LINK_NONE": "آزاد سائیڈز - ہر سائیڈ کی اپنی ویلیو ہوتی ہے",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "جوڑا - اوپر اور نیچے لنکڈ، بائیں اور دائیں لنکڈ",
+  "LIVE_DEV_STYLER_LINK_ALL": "تمام سائیڈز لنکڈ - ہر سائیڈ کے لیے ایک ویلیو",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "اطراف کو جوڑنے کا طریقہ تبدیل کرنے کے لیے کلک کریں",
+  "LIVE_DEV_STYLER_ALL_SIDES": "تمام",
+  "LIVE_DEV_STYLER_TOP": "اوپر",
+  "LIVE_DEV_STYLER_RIGHT": "دائیں",
+  "LIVE_DEV_STYLER_BOTTOM": "نیچے",
+  "LIVE_DEV_STYLER_LEFT": "بائیں",
+  "LIVE_DEV_STYLER_DISPLAY": "ڈسپلے",
+  "LIVE_DEV_STYLER_DIRECTION": "سمت",
+  "LIVE_DEV_STYLER_JUSTIFY": "جسٹیفائی",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "الائن آئٹمز",
+  "LIVE_DEV_STYLER_WRAP": "لپیٹیں",
+  "LIVE_DEV_STYLER_GAP": "فاصلہ",
+  "LIVE_DEV_STYLER_COLUMNS": "کالمز",
+  "LIVE_DEV_STYLER_ROWS": "قطاریں",
+  "LIVE_DEV_STYLER_POSITION": "پوزیشن",
+  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
+  "LIVE_DEV_STYLER_BLOCK": "بلاک",
+  "LIVE_DEV_STYLER_INLINE": "ان لائن",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "ان لائن بلاک",
+  "LIVE_DEV_STYLER_FLEX": "فلیکس",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "ان لائن فلیکس",
+  "LIVE_DEV_STYLER_GRID": "گرڈ",
+  "LIVE_DEV_STYLER_HIDDEN": "پوشیدہ",
+  "LIVE_DEV_STYLER_ROW": "قطار",
+  "LIVE_DEV_STYLER_COLUMN": "کالم",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "الٹ قطار",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "الٹ کالم",
+  "LIVE_DEV_STYLER_START": "شروع",
+  "LIVE_DEV_STYLER_CENTER": "درمیان",
+  "LIVE_DEV_STYLER_END": "آخر",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "درمیان میں جگہ",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "اطراف میں جگہ",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "یکساں جگہ",
+  "LIVE_DEV_STYLER_STRETCH": "پھیلائیں",
+  "LIVE_DEV_STYLER_BASELINE": "بیس لائن",
+  "LIVE_DEV_STYLER_NO_WRAP": "ریپ نہ کریں",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "الٹا ریپ",
+  "LIVE_DEV_STYLER_STATIC": "ساکن",
+  "LIVE_DEV_STYLER_RELATIVE": "نسبتی",
+  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
+  "LIVE_DEV_STYLER_STICKY": "چپکاں",
+  "LIVE_DEV_STYLER_FIXED": "مقررہ",
+  "LIVE_DEV_STYLER_APPLIES_TO": "تبدیلیاں محفوظ کریں",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "ان لائن",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "براہ راست عنصر پر",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "صفحہ پر {0} کو متاثر کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_STYLE": "نیا اسٹائل…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نیا اسٹائل",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "اس عنصر میں کلاس \"{0}\" شامل کرتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "اس عنصر کو آئی ڈی \"{0}\" دیتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "اسٹائل کو {0} میں محفوظ کرتا ہے - صرف اس عنصر کو اسٹائل کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "اسٹائل کو {0} میں محفوظ کرتا ہے - صفحہ پر {1} عناصر کو اسٹائل کرتا ہے",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "کسی دوسرے عنصر کے پاس پہلے سے ہی وہ آئی ڈی ہے - اس کے بجائے کلاس آزمائیں",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "یہ منتخب عنصر سے مطابقت نہیں رکھتا، لہذا آپ کی ترامیم اسے تبدیل نہیں کریں گی",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" جیسے اسٹائلز کو ابھی یہاں لائیو ترمیم نہیں کیا جا سکتا",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "یہ ایک درست اسٹائل نام نہیں لگتا - .card جیسی کلاس یا #hero جیسی آئی ڈی آزمائیں",
+  "LIVE_DEV_STYLER_CREATE": "بنائیں",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال کے طور پر .card یا #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "اونچائی",
+  "LIVE_DEV_STYLER_SIZE_TAB": "سائز",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "کم از کم چوڑائی",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "زیادہ سے زیادہ چوڑائی",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "کم از کم اونچائی",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "زیادہ سے زیادہ اونچائی",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "کم از کم / زیادہ سے زیادہ سائز کی حدود دکھائیں",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "کم از کم / زیادہ سے زیادہ سائز کی حدود چھپائیں",
+  "LIVE_DEV_STYLER_OPACITY": "شفافیت",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "یونٹ تبدیل کریں - {0} کے درمیان بدلتا ہے",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} بڑھائیں",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} کم کریں",
+  "LIVE_DEV_STYLER_INCREASE": "قدر بڑھائیں",
+  "LIVE_DEV_STYLER_DECREASE": "قدر کم کریں",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + کلک: x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "صفحہ سے رنگ چنیں",
   "LIVE_DEV_MORE_OPTIONS_CUT": "کٹ",
   "LIVE_DEV_MORE_OPTIONS_COPY": "کاپی",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "پیسٹ",
@@ -2278,148 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "LIVE_DEV_STYLER_BACKGROUND": "پس منظر کا رنگ",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "متن کا رنگ",
-  "LIVE_DEV_STYLER_FONT": "فونٹ فیملی",
-  "LIVE_DEV_STYLER_SIZE": "فونٹ کا سائز",
-  "LIVE_DEV_STYLER_WEIGHT": "فونٹ کا وزن",
-  "LIVE_DEV_STYLER_ALIGN": "متن کی سیدھ",
-  "LIVE_DEV_STYLER_BORDER": "بارڈر",
-  "LIVE_DEV_STYLER_SPACING": "مارجن اور پیڈنگ",
-  "LIVE_DEV_STYLER_LAYOUT": "لے آؤٹ",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "متن کا انداز",
-  "LIVE_DEV_STYLER_DOCK_TOP": "بار کو اوپر لے جائیں",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "بار کو نیچے لے جائیں",
-  "LIVE_DEV_STYLER_RESET": "تبدیلیاں ری سیٹ کریں",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "ری سیٹ کرنے کے لیے کوئی تبدیلی نہیں",
-  "LIVE_DEV_STYLER_CLOSE_SAVED": "ہو گیا",
-  "LIVE_DEV_STYLER_MIXED": "مخلوط",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "اطراف مختلف ہیں — ہر طرف میں الگ الگ ترمیم کریں",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "فونٹس تلاش کریں…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "گوگل",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "سسٹم",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "اس صفحے پر",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "کسٹم",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "\"{0}\" استعمال کریں",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "کوئی فانٹ نہیں ملا",
-  "LIVE_DEV_STYLER_LOAD_MORE": "مزید لوڈ کریں",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "پتلا",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "اضافی ہلکا",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "ہلکا",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "ریگولر",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "میڈیم",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "نیم جلی",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "جلی",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "زیادہ جلی",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "انتہائی جلی",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "لائن کی اونچائی",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "حرفی فاصلہ",
-  "LIVE_DEV_STYLER_WORD_SPACING": "لفظی فاصلہ",
-  "LIVE_DEV_STYLER_CASE": "کیس",
-  "LIVE_DEV_STYLER_BOLD": "جلی",
-  "LIVE_DEV_STYLER_ITALIC": "ترچھا",
-  "LIVE_DEV_STYLER_UNDERLINE": "انڈر لائن",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "اسٹرائیک تھرو",
-  "LIVE_DEV_STYLER_NONE": "کوئی نہیں",
-  "LIVE_DEV_STYLER_UPPERCASE": "بڑے حروف",
-  "LIVE_DEV_STYLER_LOWERCASE": "چھوٹے حروف",
-  "LIVE_DEV_STYLER_CAPITALIZE": "کیپٹلائز",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "بائیں سیدھ میں کریں",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "درمیان میں سیدھ کریں",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "دائیں سیدھ میں کریں",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "جسٹیفائی",
-  "LIVE_DEV_STYLER_CLEAR": "صاف",
-  "LIVE_DEV_STYLER_RADIUS": "رداس",
-  "LIVE_DEV_STYLER_WIDTH": "چوڑائی",
-  "LIVE_DEV_STYLER_COLOR": "رنگ",
-  "LIVE_DEV_STYLER_STYLE": "اسٹائل",
-  "LIVE_DEV_STYLER_SOLID": "ٹھوس",
-  "LIVE_DEV_STYLER_DASHED": "ڈیش دار",
-  "LIVE_DEV_STYLER_DOTTED": "نقطے دار",
-  "LIVE_DEV_STYLER_DOUBLE": "دوہرا",
-  "LIVE_DEV_STYLER_OUTLINE": "آؤٹ لائن",
-  "LIVE_DEV_STYLER_OFFSET": "آفسیٹ",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "بارڈر اور آؤٹ لائن",
-  "LIVE_DEV_STYLER_SIDE": "سائیڈ",
-  "LIVE_DEV_STYLER_PADDING": "پیڈنگ",
-  "LIVE_DEV_STYLER_MARGIN": "مارجن",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "تمام سائیڈز میں ایک ساتھ ترمیم کریں",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "سائیڈز میں الگ الگ ترمیم کریں",
-  "LIVE_DEV_STYLER_LINK_NONE": "آزاد سائیڈز - ہر سائیڈ کی اپنی ویلیو ہوتی ہے",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "جوڑا - اوپر اور نیچے لنکڈ، بائیں اور دائیں لنکڈ",
-  "LIVE_DEV_STYLER_LINK_ALL": "تمام سائیڈز لنکڈ - ہر سائیڈ کے لیے ایک ویلیو",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "اطراف کو جوڑنے کا طریقہ تبدیل کرنے کے لیے کلک کریں",
-  "LIVE_DEV_STYLER_ALL_SIDES": "تمام",
-  "LIVE_DEV_STYLER_TOP": "اوپر",
-  "LIVE_DEV_STYLER_RIGHT": "دائیں",
-  "LIVE_DEV_STYLER_BOTTOM": "نیچے",
-  "LIVE_DEV_STYLER_LEFT": "بائیں",
-  "LIVE_DEV_STYLER_DISPLAY": "ڈسپلے",
-  "LIVE_DEV_STYLER_DIRECTION": "سمت",
-  "LIVE_DEV_STYLER_JUSTIFY": "جسٹیفائی",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "الائن آئٹمز",
-  "LIVE_DEV_STYLER_WRAP": "لپیٹیں",
-  "LIVE_DEV_STYLER_GAP": "فاصلہ",
-  "LIVE_DEV_STYLER_COLUMNS": "کالمز",
-  "LIVE_DEV_STYLER_ROWS": "قطاریں",
-  "LIVE_DEV_STYLER_POSITION": "پوزیشن",
-  "LIVE_DEV_STYLER_Z_INDEX": "Z-index",
-  "LIVE_DEV_STYLER_BLOCK": "بلاک",
-  "LIVE_DEV_STYLER_INLINE": "ان لائن",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "ان لائن بلاک",
-  "LIVE_DEV_STYLER_FLEX": "فلیکس",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "ان لائن فلیکس",
-  "LIVE_DEV_STYLER_GRID": "گرڈ",
-  "LIVE_DEV_STYLER_HIDDEN": "پوشیدہ",
-  "LIVE_DEV_STYLER_ROW": "قطار",
-  "LIVE_DEV_STYLER_COLUMN": "کالم",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "الٹ قطار",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "الٹ کالم",
-  "LIVE_DEV_STYLER_START": "شروع",
-  "LIVE_DEV_STYLER_CENTER": "درمیان",
-  "LIVE_DEV_STYLER_END": "آخر",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "درمیان میں جگہ",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "اطراف میں جگہ",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "یکساں جگہ",
-  "LIVE_DEV_STYLER_STRETCH": "پھیلائیں",
-  "LIVE_DEV_STYLER_BASELINE": "بیس لائن",
-  "LIVE_DEV_STYLER_NO_WRAP": "ریپ نہ کریں",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "الٹا ریپ",
-  "LIVE_DEV_STYLER_STATIC": "ساکن",
-  "LIVE_DEV_STYLER_RELATIVE": "نسبتی",
-  "LIVE_DEV_STYLER_ABSOLUTE": "مطلق",
-  "LIVE_DEV_STYLER_STICKY": "چپکاں",
-  "LIVE_DEV_STYLER_FIXED": "مقررہ",
-  "LIVE_DEV_STYLER_APPLIES_TO": "تبدیلیاں محفوظ کریں",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "ان لائن",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "براہ راست عنصر پر",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "صفحہ پر {0} کو متاثر کرتا ہے",
-  "LIVE_DEV_STYLER_NEW_STYLE": "نیا اسٹائل…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "نیا اسٹائل",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "اس عنصر میں کلاس \"{0}\" شامل کرتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "اس عنصر کو آئی ڈی \"{0}\" دیتا ہے اور اسٹائل کو {1} میں محفوظ کرتا ہے",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "اسٹائل کو {0} میں محفوظ کرتا ہے - صرف اس عنصر کو اسٹائل کرتا ہے",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "اسٹائل کو {0} میں محفوظ کرتا ہے - صفحہ پر {1} عناصر کو اسٹائل کرتا ہے",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "کسی دوسرے عنصر کے پاس پہلے سے ہی وہ آئی ڈی ہے - اس کے بجائے کلاس آزمائیں",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "یہ منتخب عنصر سے مطابقت نہیں رکھتا، لہذا آپ کی ترامیم اسے تبدیل نہیں کریں گی",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "\":hover\" جیسے اسٹائلز کو ابھی یہاں لائیو ترمیم نہیں کیا جا سکتا",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "یہ ایک درست اسٹائل نام نہیں لگتا - .card جیسی کلاس یا #hero جیسی آئی ڈی آزمائیں",
-  "LIVE_DEV_STYLER_CREATE": "بنائیں",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "مثال کے طور پر .card یا #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "اونچائی",
-  "LIVE_DEV_STYLER_SIZE_TAB": "سائز",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "کم از کم چوڑائی",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "زیادہ سے زیادہ چوڑائی",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "کم از کم اونچائی",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "زیادہ سے زیادہ اونچائی",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "کم از کم / زیادہ سے زیادہ سائز کی حدود دکھائیں",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "کم از کم / زیادہ سے زیادہ سائز کی حدود چھپائیں",
-  "LIVE_DEV_STYLER_OPACITY": "شفافیت",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "یونٹ تبدیل کریں - {0} کے درمیان بدلتا ہے",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "{0} بڑھائیں",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "{0} کم کریں",
-  "LIVE_DEV_STYLER_INCREASE": "قدر بڑھائیں",
-  "LIVE_DEV_STYLER_DECREASE": "قدر کم کریں",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + کلک: x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "صفحہ سے رنگ چنیں"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "لائیو پیش منظر میں عناصر منتخب ہونے پر اسٹائلز بار دکھائیں۔ ڈیفالٹ 'true' ہے۔",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "لائیو پیش منظر اسٹائلز بار کس طرف ڈاک ہوتا ہے: 'اوپر'، 'نیچے'، 'بائیں' یا 'دائیں'۔ ڈیفالٹ 'نیچے' ہے۔",
+  "LIVE_DEV_STYLER_DOCK": "ڈاک پوزیشن",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "بار کو بائیں طرف منتقل کریں۔",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "بار کو دائیں طرف منتقل کریں۔",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "اس صفحہ پر",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "عام",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "سلور",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "گرے",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "سیاہ",
+  "LIVE_DEV_STYLER_COLOR_RED": "سرخ",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "عنابی",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "سنہرا",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "پیلا",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
+  "LIVE_DEV_STYLER_COLOR_LIME": "لیمونی",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ٹیل",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزی",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "نیلا",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "گہرا نیلا",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "انڈیگو",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "جامنی",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "مجینٹا",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفشی",
+  "LIVE_DEV_STYLER_COLOR_PINK": "گلابی",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "اسٹائلز بار دکھائیں"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 373d91b081..867536a9aa 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -170,13 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "删除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "图片库",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "更多选项",
+  "LIVE_DEV_STYLER_BACKGROUND": "背景颜色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文本颜色",
+  "LIVE_DEV_STYLER_FONT": "字体",
+  "LIVE_DEV_STYLER_SIZE": "字号",
+  "LIVE_DEV_STYLER_WEIGHT": "字重",
+  "LIVE_DEV_STYLER_ALIGN": "文本对齐",
+  "LIVE_DEV_STYLER_BORDER": "边框",
+  "LIVE_DEV_STYLER_SPACING": "外边距和内边距",
+  "LIVE_DEV_STYLER_LAYOUT": "布局",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文本样式",
+  "LIVE_DEV_STYLER_DOCK_TOP": "将栏移至顶部",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "将栏移至底部",
+  "LIVE_DEV_STYLER_RESET": "重置更改",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "无可重置的更改",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "各边值不同 —— 请单独编辑",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜索字体…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系统",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "当前页面",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自定义",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用“{0}”",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "未找到字体",
+  "LIVE_DEV_STYLER_LOAD_MORE": "加载更多",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "纤细体",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特细体",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "细体",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "常规",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗体",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗体",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗体",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗体",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "字间距",
+  "LIVE_DEV_STYLER_WORD_SPACING": "词间距",
+  "LIVE_DEV_STYLER_CASE": "大小写",
+  "LIVE_DEV_STYLER_BOLD": "粗体",
+  "LIVE_DEV_STYLER_ITALIC": "斜体",
+  "LIVE_DEV_STYLER_UNDERLINE": "下划线",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "删除线",
+  "LIVE_DEV_STYLER_NONE": "无",
+  "LIVE_DEV_STYLER_UPPERCASE": "大写",
+  "LIVE_DEV_STYLER_LOWERCASE": "小写",
+  "LIVE_DEV_STYLER_CAPITALIZE": "首字母大写",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "左对齐",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "居中对齐",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右对齐",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "两端对齐",
   "LIVE_DEV_STYLER_CLEAR": "清除",
+  "LIVE_DEV_STYLER_RADIUS": "圆角",
+  "LIVE_DEV_STYLER_WIDTH": "宽度",
+  "LIVE_DEV_STYLER_COLOR": "颜色",
+  "LIVE_DEV_STYLER_STYLE": "样式",
+  "LIVE_DEV_STYLER_SOLID": "实线",
+  "LIVE_DEV_STYLER_DASHED": "虚线",
+  "LIVE_DEV_STYLER_DOTTED": "点线",
+  "LIVE_DEV_STYLER_DOUBLE": "双线",
+  "LIVE_DEV_STYLER_OUTLINE": "轮廓",
+  "LIVE_DEV_STYLER_OFFSET": "偏移",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "边框和轮廓",
+  "LIVE_DEV_STYLER_SIDE": "边",
+  "LIVE_DEV_STYLER_PADDING": "内边距",
+  "LIVE_DEV_STYLER_MARGIN": "外边距",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "统一编辑所有边",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "独立编辑各边",
+  "LIVE_DEV_STYLER_LINK_NONE": "独立边 - 每边都有其自己的值",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "配对 - 上下联动，左右联动",
+  "LIVE_DEV_STYLER_LINK_ALL": "所有边联动 - 所有边使用同一个值",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "点击以更改边的联动方式",
+  "LIVE_DEV_STYLER_ALL_SIDES": "所有",
   "LIVE_DEV_STYLER_TOP": "上",
   "LIVE_DEV_STYLER_RIGHT": "右",
   "LIVE_DEV_STYLER_BOTTOM": "下",
   "LIVE_DEV_STYLER_LEFT": "左",
+  "LIVE_DEV_STYLER_DISPLAY": "显示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "内容对齐",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "项目对齐",
+  "LIVE_DEV_STYLER_WRAP": "换行",
+  "LIVE_DEV_STYLER_GAP": "间距",
+  "LIVE_DEV_STYLER_COLUMNS": "列",
+  "LIVE_DEV_STYLER_ROWS": "行",
+  "LIVE_DEV_STYLER_POSITION": "定位",
+  "LIVE_DEV_STYLER_Z_INDEX": "层叠顺序",
+  "LIVE_DEV_STYLER_BLOCK": "块",
+  "LIVE_DEV_STYLER_INLINE": "行内",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "行内块",
+  "LIVE_DEV_STYLER_FLEX": "弹性",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "行内弹性",
+  "LIVE_DEV_STYLER_GRID": "网格",
+  "LIVE_DEV_STYLER_HIDDEN": "隐藏",
+  "LIVE_DEV_STYLER_ROW": "行",
+  "LIVE_DEV_STYLER_COLUMN": "列",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "行反向",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列反向",
+  "LIVE_DEV_STYLER_START": "起点",
+  "LIVE_DEV_STYLER_CENTER": "居中",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "两端对齐",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "环绕对齐",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "均匀分布",
+  "LIVE_DEV_STYLER_STRETCH": "拉伸",
+  "LIVE_DEV_STYLER_BASELINE": "基线",
+  "LIVE_DEV_STYLER_NO_WRAP": "不换行",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向换行",
+  "LIVE_DEV_STYLER_STATIC": "静态",
+  "LIVE_DEV_STYLER_RELATIVE": "相对",
+  "LIVE_DEV_STYLER_ABSOLUTE": "绝对",
+  "LIVE_DEV_STYLER_STICKY": "粘性",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "将更改保存至",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "内联",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "影响页面上的 {0}",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新建样式…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新样式",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "将类“{0}”添加到此元素，并将样式保存在 {1} 中",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "为此元素指定 ID“{0}”，并将样式保存在 {1} 中",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "将样式保存在 {0} 中 - 仅为此元素设置样式",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "将样式保存在 {0} 中 - 为页面上的 {1} 个元素设置样式",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "已有其他元素使用该 ID - 请尝试改用类",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "这与所选元素不匹配，因此您的编辑不会生效",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "尚无法在此处实时编辑类似“:hover”的样式",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "这看起来不是一个有效的样式名称 - 请尝试使用类（如 .card）或 ID（如 #hero）",
+  "LIVE_DEV_STYLER_CREATE": "创建",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高度",
+  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小宽度",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大宽度",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "显示最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "隐藏最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "切换单位 - 在 {0} 之间切换",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "减小 {0}",
+  "LIVE_DEV_STYLER_INCREASE": "增加值",
+  "LIVE_DEV_STYLER_DECREASE": "减小值",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 单击：x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "从页面拾取颜色",
   "LIVE_DEV_MORE_OPTIONS_CUT": "剪切",
   "LIVE_DEV_MORE_OPTIONS_COPY": "复制",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "粘贴",
@@ -2285,141 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "LIVE_DEV_STYLER_BACKGROUND": "背景颜色",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "文本颜色",
-  "LIVE_DEV_STYLER_FONT": "字体",
-  "LIVE_DEV_STYLER_SIZE": "字号",
-  "LIVE_DEV_STYLER_WEIGHT": "字重",
-  "LIVE_DEV_STYLER_ALIGN": "文本对齐",
-  "LIVE_DEV_STYLER_BORDER": "边框",
-  "LIVE_DEV_STYLER_SPACING": "外边距和内边距",
-  "LIVE_DEV_STYLER_LAYOUT": "布局",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "文本样式",
-  "LIVE_DEV_STYLER_DOCK_TOP": "将栏移至顶部",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "将栏移至底部",
-  "LIVE_DEV_STYLER_RESET": "重置更改",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "无可重置的更改",
-  "LIVE_DEV_STYLER_MIXED": "混合",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "各边值不同 —— 请单独编辑",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜索字体…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系统",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "当前页面",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自定义",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用“{0}”",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "未找到字体",
-  "LIVE_DEV_STYLER_LOAD_MORE": "加载更多",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "纤细体",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特细体",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "细体",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "常规",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗体",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗体",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗体",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗体",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "字间距",
-  "LIVE_DEV_STYLER_WORD_SPACING": "词间距",
-  "LIVE_DEV_STYLER_CASE": "大小写",
-  "LIVE_DEV_STYLER_BOLD": "粗体",
-  "LIVE_DEV_STYLER_ITALIC": "斜体",
-  "LIVE_DEV_STYLER_UNDERLINE": "下划线",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "删除线",
-  "LIVE_DEV_STYLER_NONE": "无",
-  "LIVE_DEV_STYLER_UPPERCASE": "大写",
-  "LIVE_DEV_STYLER_LOWERCASE": "小写",
-  "LIVE_DEV_STYLER_CAPITALIZE": "首字母大写",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "左对齐",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "居中对齐",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "右对齐",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "两端对齐",
-  "LIVE_DEV_STYLER_RADIUS": "圆角",
-  "LIVE_DEV_STYLER_WIDTH": "宽度",
-  "LIVE_DEV_STYLER_COLOR": "颜色",
-  "LIVE_DEV_STYLER_STYLE": "样式",
-  "LIVE_DEV_STYLER_SOLID": "实线",
-  "LIVE_DEV_STYLER_DASHED": "虚线",
-  "LIVE_DEV_STYLER_DOTTED": "点线",
-  "LIVE_DEV_STYLER_DOUBLE": "双线",
-  "LIVE_DEV_STYLER_OUTLINE": "轮廓",
-  "LIVE_DEV_STYLER_OFFSET": "偏移",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "边框和轮廓",
-  "LIVE_DEV_STYLER_SIDE": "边",
-  "LIVE_DEV_STYLER_PADDING": "内边距",
-  "LIVE_DEV_STYLER_MARGIN": "外边距",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "统一编辑所有边",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "独立编辑各边",
-  "LIVE_DEV_STYLER_LINK_NONE": "独立边 - 每边都有其自己的值",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "配对 - 上下联动，左右联动",
-  "LIVE_DEV_STYLER_LINK_ALL": "所有边联动 - 所有边使用同一个值",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "点击以更改边的联动方式",
-  "LIVE_DEV_STYLER_ALL_SIDES": "所有",
-  "LIVE_DEV_STYLER_DISPLAY": "显示",
-  "LIVE_DEV_STYLER_DIRECTION": "方向",
-  "LIVE_DEV_STYLER_JUSTIFY": "内容对齐",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "项目对齐",
-  "LIVE_DEV_STYLER_WRAP": "换行",
-  "LIVE_DEV_STYLER_GAP": "间距",
-  "LIVE_DEV_STYLER_COLUMNS": "列",
-  "LIVE_DEV_STYLER_ROWS": "行",
-  "LIVE_DEV_STYLER_POSITION": "定位",
-  "LIVE_DEV_STYLER_Z_INDEX": "层叠顺序",
-  "LIVE_DEV_STYLER_BLOCK": "块",
-  "LIVE_DEV_STYLER_INLINE": "行内",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "行内块",
-  "LIVE_DEV_STYLER_FLEX": "弹性",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "行内弹性",
-  "LIVE_DEV_STYLER_GRID": "网格",
-  "LIVE_DEV_STYLER_HIDDEN": "隐藏",
-  "LIVE_DEV_STYLER_ROW": "行",
-  "LIVE_DEV_STYLER_COLUMN": "列",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "行反向",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "列反向",
-  "LIVE_DEV_STYLER_START": "起点",
-  "LIVE_DEV_STYLER_CENTER": "居中",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "两端对齐",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "环绕对齐",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "均匀分布",
-  "LIVE_DEV_STYLER_STRETCH": "拉伸",
-  "LIVE_DEV_STYLER_BASELINE": "基线",
-  "LIVE_DEV_STYLER_NO_WRAP": "不换行",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向换行",
-  "LIVE_DEV_STYLER_STATIC": "静态",
-  "LIVE_DEV_STYLER_RELATIVE": "相对",
-  "LIVE_DEV_STYLER_ABSOLUTE": "绝对",
-  "LIVE_DEV_STYLER_STICKY": "粘性",
-  "LIVE_DEV_STYLER_FIXED": "固定",
-  "LIVE_DEV_STYLER_APPLIES_TO": "将更改保存至",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "内联",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "影响页面上的 {0}",
-  "LIVE_DEV_STYLER_NEW_STYLE": "新建样式…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新样式",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "将类“{0}”添加到此元素，并将样式保存在 {1} 中",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "为此元素指定 ID“{0}”，并将样式保存在 {1} 中",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "将样式保存在 {0} 中 - 仅为此元素设置样式",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "将样式保存在 {0} 中 - 为页面上的 {1} 个元素设置样式",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "已有其他元素使用该 ID - 请尝试改用类",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "这与所选元素不匹配，因此您的编辑不会生效",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "尚无法在此处实时编辑类似“:hover”的样式",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "这看起来不是一个有效的样式名称 - 请尝试使用类（如 .card）或 ID（如 #hero）",
-  "LIVE_DEV_STYLER_CREATE": "创建",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "高度",
-  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "最小宽度",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "最大宽度",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "显示最小/最大尺寸限制",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "隐藏最小/最大尺寸限制",
-  "LIVE_DEV_STYLER_OPACITY": "不透明度",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "切换单位 - 在 {0} 之间切换",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "减小 {0}",
-  "LIVE_DEV_STYLER_INCREASE": "增加值",
-  "LIVE_DEV_STYLER_DECREASE": "减小值",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 单击：x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "从页面拾取颜色"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在实时预览中选中元素时显示样式栏。默认为“true”",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "实时预览样式栏的停靠位置：“top”、“bottom”、“left”或“right”。默认为“bottom”",
+  "LIVE_DEV_STYLER_DOCK": "停靠位置",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "将栏移至左侧",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "将栏移至右侧",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此页面上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "银色",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
+  "LIVE_DEV_STYLER_COLOR_RED": "红色",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "橙色",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "黄色",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄榄色",
+  "LIVE_DEV_STYLER_COLOR_LIME": "青柠色",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "绿色",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "青色",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "蓝色",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "藏青色",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛蓝色",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "品红色",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫罗兰色",
+  "LIVE_DEV_STYLER_COLOR_PINK": "粉红色",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "显示样式栏"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index f04c2cf16c..9c17896b34 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -1792,8 +1792,10 @@
   "LIVE_DEV_SETTINGS_SERVER_ROOT_PREF": "Path within project that is served by Development Server Eg. www/  (Default is /)",
   "LIVE_DEV_SETTINGS_SERVE_PREFERENCE": "Your Development Server URL for the project, Eg. http://localhost:8000/php",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
   "LIVE_DEV_SETTINGS_STARTUP": "Show Live Preview Panel at Startup",
   "LIVE_DEV_SETTINGS_STARTUP_PREFERENCE": "true to show Live Preview Panel at startup",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_SETTINGS_TITLE": "Live Preview Settings",
   "LIVE_DEV_SETTINGS_USE_SERVER": "Use Custom Development Server for This Project",
   "LIVE_DEV_STATUS_TIP_CONNECTED": "Live Preview Server Active",
@@ -1825,16 +1827,41 @@
   "LIVE_DEV_STYLER_CLEAR": "Clear",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gray",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
   "LIVE_DEV_STYLER_COLUMN": "Column",
   "LIVE_DEV_STYLER_COLUMNS": "Columns",
   "LIVE_DEV_STYLER_COLUMN_REVERSE": "Column Reverse",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
   "LIVE_DEV_STYLER_CREATE": "Create",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
   "LIVE_DEV_STYLER_DECREASE": "Decrease value",
   "LIVE_DEV_STYLER_DECREASE_VALUE": "Decrease {0}",
   "LIVE_DEV_STYLER_DIRECTION": "Direction",
   "LIVE_DEV_STYLER_DISPLAY": "Display",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOTTED": "Dotted",
   "LIVE_DEV_STYLER_DOUBLE": "Double",
@@ -1893,6 +1920,7 @@
   "LIVE_DEV_STYLER_NO_FONTS_FOUND": "No fonts found",
   "LIVE_DEV_STYLER_NO_WRAP": "No Wrap",
   "LIVE_DEV_STYLER_OFFSET": "Offset",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
   "LIVE_DEV_STYLER_OPACITY": "Opacity",
   "LIVE_DEV_STYLER_OUTLINE": "Outline",
   "LIVE_DEV_STYLER_PADDING": "Padding",
@@ -1990,6 +2018,7 @@
   "LIVE_PREVIEW_MODE_TOGGLE_EDIT": "Toggle Edit Mode (F8)",
   "LIVE_PREVIEW_MODE_TOGGLE_PREVIEW": "Toggle Preview Mode (F8)",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LOCATION": "Location :",
   "LOGIN_REFRESH": "Check Login Status",
   "MALFORMED_URL": "The URL is invalid. Please check that you entered it correctly.",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index c56fb4a677..311c670a02 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -170,12 +170,150 @@ define({
   "LIVE_DEV_TOOLBOX_DELETE": "刪除",
   "LIVE_DEV_TOOLBOX_IMAGE_GALLERY": "圖片庫",
   "LIVE_DEV_TOOLBOX_MORE_OPTIONS": "更多選項",
+  "LIVE_DEV_STYLER_BACKGROUND": "背景顏色",
+  "LIVE_DEV_STYLER_TEXT_COLOR": "文字顏色",
+  "LIVE_DEV_STYLER_FONT": "字型",
+  "LIVE_DEV_STYLER_SIZE": "字體大小",
+  "LIVE_DEV_STYLER_WEIGHT": "字體粗細",
+  "LIVE_DEV_STYLER_ALIGN": "文字對齊",
+  "LIVE_DEV_STYLER_BORDER": "邊框",
+  "LIVE_DEV_STYLER_SPACING": "外距與內距",
+  "LIVE_DEV_STYLER_LAYOUT": "版面配置",
+  "LIVE_DEV_STYLER_TEXT_STYLE": "文字樣式",
+  "LIVE_DEV_STYLER_DOCK_TOP": "移動工具列至頂部",
+  "LIVE_DEV_STYLER_DOCK_BOTTOM": "移動工具列至底部",
+  "LIVE_DEV_STYLER_RESET": "重設變更",
+  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "沒有可重設的變更",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
+  "LIVE_DEV_STYLER_MIXED": "混合",
+  "LIVE_DEV_STYLER_SIDES_MIXED": "各邊不同 — 請分別編輯各邊",
+  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜尋字體…",
+  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
+  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系統",
+  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "此頁面",
+  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自訂",
+  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用「{0}」",
+  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "找不到字型",
+  "LIVE_DEV_STYLER_LOAD_MORE": "載入更多",
+  "LIVE_DEV_STYLER_WEIGHT_THIN": "纖細",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特細",
+  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細體",
+  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
+  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
+  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗體",
+  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗體",
+  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗體",
+  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗體",
+  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
+  "LIVE_DEV_STYLER_LETTER_SPACING": "字元間距",
+  "LIVE_DEV_STYLER_WORD_SPACING": "字詞間距",
+  "LIVE_DEV_STYLER_CASE": "大小寫",
+  "LIVE_DEV_STYLER_BOLD": "粗體",
+  "LIVE_DEV_STYLER_ITALIC": "斜體",
+  "LIVE_DEV_STYLER_UNDERLINE": "底線",
+  "LIVE_DEV_STYLER_STRIKETHROUGH": "刪除線",
+  "LIVE_DEV_STYLER_NONE": "無",
+  "LIVE_DEV_STYLER_UPPERCASE": "大寫",
+  "LIVE_DEV_STYLER_LOWERCASE": "小寫",
+  "LIVE_DEV_STYLER_CAPITALIZE": "字首大寫",
+  "LIVE_DEV_STYLER_ALIGN_LEFT": "靠左對齊",
+  "LIVE_DEV_STYLER_ALIGN_CENTER": "置中對齊",
+  "LIVE_DEV_STYLER_ALIGN_RIGHT": "靠右對齊",
+  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "左右對齊",
+  "LIVE_DEV_STYLER_CLEAR": "清除",
+  "LIVE_DEV_STYLER_RADIUS": "半徑",
+  "LIVE_DEV_STYLER_WIDTH": "寬度",
+  "LIVE_DEV_STYLER_COLOR": "顏色",
+  "LIVE_DEV_STYLER_STYLE": "樣式",
+  "LIVE_DEV_STYLER_SOLID": "實線",
+  "LIVE_DEV_STYLER_DASHED": "虛線",
+  "LIVE_DEV_STYLER_DOTTED": "點線",
+  "LIVE_DEV_STYLER_DOUBLE": "雙線",
+  "LIVE_DEV_STYLER_OUTLINE": "外框",
+  "LIVE_DEV_STYLER_OFFSET": "偏移",
+  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "邊框與外框",
+  "LIVE_DEV_STYLER_SIDE": "邊",
+  "LIVE_DEV_STYLER_PADDING": "內距",
+  "LIVE_DEV_STYLER_MARGIN": "外距",
+  "LIVE_DEV_STYLER_SIDES_LINKED": "同時編輯所有邊",
+  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "獨立編輯各邊",
+  "LIVE_DEV_STYLER_LINK_NONE": "獨立邊 - 各邊皆有其獨立值",
+  "LIVE_DEV_STYLER_LINK_PAIRED": "成對 - 上下連動，左右連動",
+  "LIVE_DEV_STYLER_LINK_ALL": "所有邊連動 - 所有邊使用相同的值",
+  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "點擊以切換邊的連動方式",
+  "LIVE_DEV_STYLER_ALL_SIDES": "全部",
   "LIVE_DEV_STYLER_TOP": "上方",
   "LIVE_DEV_STYLER_RIGHT": "右側",
   "LIVE_DEV_STYLER_BOTTOM": "下方",
   "LIVE_DEV_STYLER_LEFT": "左側",
+  "LIVE_DEV_STYLER_DISPLAY": "顯示",
+  "LIVE_DEV_STYLER_DIRECTION": "方向",
+  "LIVE_DEV_STYLER_JUSTIFY": "內容對齊",
+  "LIVE_DEV_STYLER_ALIGN_ITEMS": "項目對齊",
+  "LIVE_DEV_STYLER_WRAP": "換行",
+  "LIVE_DEV_STYLER_GAP": "間距",
+  "LIVE_DEV_STYLER_COLUMNS": "欄",
+  "LIVE_DEV_STYLER_ROWS": "列",
+  "LIVE_DEV_STYLER_POSITION": "位置",
+  "LIVE_DEV_STYLER_Z_INDEX": "堆疊順序",
+  "LIVE_DEV_STYLER_BLOCK": "區塊",
+  "LIVE_DEV_STYLER_INLINE": "行內",
+  "LIVE_DEV_STYLER_INLINE_BLOCK": "行內區塊",
+  "LIVE_DEV_STYLER_FLEX": "彈性",
+  "LIVE_DEV_STYLER_INLINE_FLEX": "行內彈性",
+  "LIVE_DEV_STYLER_GRID": "網格",
+  "LIVE_DEV_STYLER_HIDDEN": "隱藏",
+  "LIVE_DEV_STYLER_ROW": "列",
+  "LIVE_DEV_STYLER_COLUMN": "欄",
+  "LIVE_DEV_STYLER_ROW_REVERSE": "列反向",
+  "LIVE_DEV_STYLER_COLUMN_REVERSE": "欄反向",
+  "LIVE_DEV_STYLER_START": "起始",
+  "LIVE_DEV_STYLER_CENTER": "置中",
   "LIVE_DEV_STYLER_END": "End",
+  "LIVE_DEV_STYLER_SPACE_BETWEEN": "兩端對齊",
+  "LIVE_DEV_STYLER_SPACE_AROUND": "環繞均分",
+  "LIVE_DEV_STYLER_SPACE_EVENLY": "平均分布",
+  "LIVE_DEV_STYLER_STRETCH": "延展",
+  "LIVE_DEV_STYLER_BASELINE": "基線",
+  "LIVE_DEV_STYLER_NO_WRAP": "不換行",
+  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向換行",
+  "LIVE_DEV_STYLER_STATIC": "靜態",
+  "LIVE_DEV_STYLER_RELATIVE": "相對",
+  "LIVE_DEV_STYLER_ABSOLUTE": "絕對",
+  "LIVE_DEV_STYLER_STICKY": "黏貼",
+  "LIVE_DEV_STYLER_FIXED": "固定",
+  "LIVE_DEV_STYLER_APPLIES_TO": "將變更儲存至",
+  "LIVE_DEV_STYLER_INLINE_STYLE": "行內",
+  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
+  "LIVE_DEV_STYLER_TARGET_COUNT": "影響頁面上的 {0}",
+  "LIVE_DEV_STYLER_NEW_STYLE": "新樣式…",
+  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新樣式",
+  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "將類別「{0}」新增至此元素，並將樣式儲存於 {1}",
+  "LIVE_DEV_STYLER_NEW_ADDS_ID": "為此元素指定 ID「{0}」，並將樣式儲存於 {1}",
+  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "將樣式儲存於 {0} - 僅為此元素設定樣式",
+  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "將樣式儲存於 {0} - 為頁面上的 {1} 個元素設定樣式",
+  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "另一個元素已有該 ID - 請改用類別",
+  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "這不符合所選的元素，因此您的編輯將不會對其產生任何變更",
+  "LIVE_DEV_STYLER_NEW_ERR_STATE": "類似「:hover」的樣式目前尚無法在此處即時編輯",
+  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "這似乎不是有效的樣式名稱 - 請嘗試使用像 .card 的類別或像 #hero 的 ID",
+  "LIVE_DEV_STYLER_CREATE": "建立",
+  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
+  "LIVE_DEV_STYLER_HEIGHT": "高度",
+  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
+  "LIVE_DEV_STYLER_MIN_WIDTH": "最小寬度",
+  "LIVE_DEV_STYLER_MAX_WIDTH": "最大寬度",
+  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
+  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
+  "LIVE_DEV_STYLER_LIMITS_SHOW": "顯示最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_LIMITS_HIDE": "隱藏最小/最大尺寸限制",
+  "LIVE_DEV_STYLER_OPACITY": "不透明度",
+  "LIVE_DEV_STYLER_CHANGE_UNIT": "變更單位 - 在 {0} 之間切換",
+  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
+  "LIVE_DEV_STYLER_DECREASE_VALUE": "減少 {0}",
+  "LIVE_DEV_STYLER_INCREASE": "增加數值",
+  "LIVE_DEV_STYLER_DECREASE": "減少數值",
+  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 點擊：x10",
+  "LIVE_DEV_STYLER_EYEDROPPER": "從頁面選取顏色",
   "LIVE_DEV_MORE_OPTIONS_CUT": "剪下",
   "LIVE_DEV_MORE_OPTIONS_COPY": "複製",
   "LIVE_DEV_MORE_OPTIONS_PASTE": "貼上",
@@ -2284,142 +2422,33 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "LIVE_DEV_STYLER_BACKGROUND": "背景顏色",
-  "LIVE_DEV_STYLER_TEXT_COLOR": "文字顏色",
-  "LIVE_DEV_STYLER_FONT": "字型",
-  "LIVE_DEV_STYLER_SIZE": "字體大小",
-  "LIVE_DEV_STYLER_WEIGHT": "字體粗細",
-  "LIVE_DEV_STYLER_ALIGN": "文字對齊",
-  "LIVE_DEV_STYLER_BORDER": "邊框",
-  "LIVE_DEV_STYLER_SPACING": "外距與內距",
-  "LIVE_DEV_STYLER_LAYOUT": "版面配置",
-  "LIVE_DEV_STYLER_TEXT_STYLE": "文字樣式",
-  "LIVE_DEV_STYLER_DOCK_TOP": "移動工具列至頂部",
-  "LIVE_DEV_STYLER_DOCK_BOTTOM": "移動工具列至底部",
-  "LIVE_DEV_STYLER_RESET": "重設變更",
-  "LIVE_DEV_STYLER_NOTHING_TO_RESET": "沒有可重設的變更",
-  "LIVE_DEV_STYLER_MIXED": "混合",
-  "LIVE_DEV_STYLER_SIDES_MIXED": "各邊不同 — 請分別編輯各邊",
-  "LIVE_DEV_STYLER_SEARCH_FONTS": "搜尋字體…",
-  "LIVE_DEV_STYLER_FONTS_GOOGLE": "Google",
-  "LIVE_DEV_STYLER_FONTS_SYSTEM": "系統",
-  "LIVE_DEV_STYLER_FONTS_ON_PAGE": "此頁面",
-  "LIVE_DEV_STYLER_FONTS_CUSTOM": "自訂",
-  "LIVE_DEV_STYLER_FONT_USE_CUSTOM": "使用「{0}」",
-  "LIVE_DEV_STYLER_NO_FONTS_FOUND": "找不到字型",
-  "LIVE_DEV_STYLER_LOAD_MORE": "載入更多",
-  "LIVE_DEV_STYLER_WEIGHT_THIN": "纖細",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_LIGHT": "特細",
-  "LIVE_DEV_STYLER_WEIGHT_LIGHT": "細體",
-  "LIVE_DEV_STYLER_WEIGHT_REGULAR": "標準",
-  "LIVE_DEV_STYLER_WEIGHT_MEDIUM": "中等",
-  "LIVE_DEV_STYLER_WEIGHT_SEMI_BOLD": "半粗體",
-  "LIVE_DEV_STYLER_WEIGHT_BOLD": "粗體",
-  "LIVE_DEV_STYLER_WEIGHT_EXTRA_BOLD": "特粗體",
-  "LIVE_DEV_STYLER_WEIGHT_BLACK": "超粗體",
-  "LIVE_DEV_STYLER_LINE_HEIGHT": "行高",
-  "LIVE_DEV_STYLER_LETTER_SPACING": "字元間距",
-  "LIVE_DEV_STYLER_WORD_SPACING": "字詞間距",
-  "LIVE_DEV_STYLER_CASE": "大小寫",
-  "LIVE_DEV_STYLER_BOLD": "粗體",
-  "LIVE_DEV_STYLER_ITALIC": "斜體",
-  "LIVE_DEV_STYLER_UNDERLINE": "底線",
-  "LIVE_DEV_STYLER_STRIKETHROUGH": "刪除線",
-  "LIVE_DEV_STYLER_NONE": "無",
-  "LIVE_DEV_STYLER_UPPERCASE": "大寫",
-  "LIVE_DEV_STYLER_LOWERCASE": "小寫",
-  "LIVE_DEV_STYLER_CAPITALIZE": "字首大寫",
-  "LIVE_DEV_STYLER_ALIGN_LEFT": "靠左對齊",
-  "LIVE_DEV_STYLER_ALIGN_CENTER": "置中對齊",
-  "LIVE_DEV_STYLER_ALIGN_RIGHT": "靠右對齊",
-  "LIVE_DEV_STYLER_ALIGN_JUSTIFY": "左右對齊",
-  "LIVE_DEV_STYLER_CLEAR": "清除",
-  "LIVE_DEV_STYLER_RADIUS": "半徑",
-  "LIVE_DEV_STYLER_WIDTH": "寬度",
-  "LIVE_DEV_STYLER_COLOR": "顏色",
-  "LIVE_DEV_STYLER_STYLE": "樣式",
-  "LIVE_DEV_STYLER_SOLID": "實線",
-  "LIVE_DEV_STYLER_DASHED": "虛線",
-  "LIVE_DEV_STYLER_DOTTED": "點線",
-  "LIVE_DEV_STYLER_DOUBLE": "雙線",
-  "LIVE_DEV_STYLER_OUTLINE": "外框",
-  "LIVE_DEV_STYLER_OFFSET": "偏移",
-  "LIVE_DEV_STYLER_BORDER_AND_OUTLINE": "邊框與外框",
-  "LIVE_DEV_STYLER_SIDE": "邊",
-  "LIVE_DEV_STYLER_PADDING": "內距",
-  "LIVE_DEV_STYLER_MARGIN": "外距",
-  "LIVE_DEV_STYLER_SIDES_LINKED": "同時編輯所有邊",
-  "LIVE_DEV_STYLER_SIDES_INDEPENDENT": "獨立編輯各邊",
-  "LIVE_DEV_STYLER_LINK_NONE": "獨立邊 - 各邊皆有其獨立值",
-  "LIVE_DEV_STYLER_LINK_PAIRED": "成對 - 上下連動，左右連動",
-  "LIVE_DEV_STYLER_LINK_ALL": "所有邊連動 - 所有邊使用相同的值",
-  "LIVE_DEV_STYLER_LINK_CYCLE_HINT": "點擊以切換邊的連動方式",
-  "LIVE_DEV_STYLER_ALL_SIDES": "全部",
-  "LIVE_DEV_STYLER_DISPLAY": "顯示",
-  "LIVE_DEV_STYLER_DIRECTION": "方向",
-  "LIVE_DEV_STYLER_JUSTIFY": "內容對齊",
-  "LIVE_DEV_STYLER_ALIGN_ITEMS": "項目對齊",
-  "LIVE_DEV_STYLER_WRAP": "換行",
-  "LIVE_DEV_STYLER_GAP": "間距",
-  "LIVE_DEV_STYLER_COLUMNS": "欄",
-  "LIVE_DEV_STYLER_ROWS": "列",
-  "LIVE_DEV_STYLER_POSITION": "位置",
-  "LIVE_DEV_STYLER_Z_INDEX": "堆疊順序",
-  "LIVE_DEV_STYLER_BLOCK": "區塊",
-  "LIVE_DEV_STYLER_INLINE": "行內",
-  "LIVE_DEV_STYLER_INLINE_BLOCK": "行內區塊",
-  "LIVE_DEV_STYLER_FLEX": "彈性",
-  "LIVE_DEV_STYLER_INLINE_FLEX": "行內彈性",
-  "LIVE_DEV_STYLER_GRID": "網格",
-  "LIVE_DEV_STYLER_HIDDEN": "隱藏",
-  "LIVE_DEV_STYLER_ROW": "列",
-  "LIVE_DEV_STYLER_COLUMN": "欄",
-  "LIVE_DEV_STYLER_ROW_REVERSE": "列反向",
-  "LIVE_DEV_STYLER_COLUMN_REVERSE": "欄反向",
-  "LIVE_DEV_STYLER_START": "起始",
-  "LIVE_DEV_STYLER_CENTER": "置中",
-  "LIVE_DEV_STYLER_SPACE_BETWEEN": "兩端對齊",
-  "LIVE_DEV_STYLER_SPACE_AROUND": "環繞均分",
-  "LIVE_DEV_STYLER_SPACE_EVENLY": "平均分布",
-  "LIVE_DEV_STYLER_STRETCH": "延展",
-  "LIVE_DEV_STYLER_BASELINE": "基線",
-  "LIVE_DEV_STYLER_NO_WRAP": "不換行",
-  "LIVE_DEV_STYLER_WRAP_REVERSE": "反向換行",
-  "LIVE_DEV_STYLER_STATIC": "靜態",
-  "LIVE_DEV_STYLER_RELATIVE": "相對",
-  "LIVE_DEV_STYLER_ABSOLUTE": "絕對",
-  "LIVE_DEV_STYLER_STICKY": "黏貼",
-  "LIVE_DEV_STYLER_FIXED": "固定",
-  "LIVE_DEV_STYLER_APPLIES_TO": "將變更儲存至",
-  "LIVE_DEV_STYLER_INLINE_STYLE": "行內",
-  "LIVE_DEV_STYLER_TARGET_INLINE_HINT": "直接在元素上",
-  "LIVE_DEV_STYLER_TARGET_COUNT": "影響頁面上的 {0}",
-  "LIVE_DEV_STYLER_NEW_STYLE": "新樣式…",
-  "LIVE_DEV_STYLER_NEW_STYLE_TITLE": "新樣式",
-  "LIVE_DEV_STYLER_NEW_ADDS_CLASS": "將類別「{0}」新增至此元素，並將樣式儲存於 {1}",
-  "LIVE_DEV_STYLER_NEW_ADDS_ID": "為此元素指定 ID「{0}」，並將樣式儲存於 {1}",
-  "LIVE_DEV_STYLER_NEW_SAVES_ONE": "將樣式儲存於 {0} - 僅為此元素設定樣式",
-  "LIVE_DEV_STYLER_NEW_SAVES_MANY": "將樣式儲存於 {0} - 為頁面上的 {1} 個元素設定樣式",
-  "LIVE_DEV_STYLER_NEW_ERR_ID_TAKEN": "另一個元素已有該 ID - 請改用類別",
-  "LIVE_DEV_STYLER_NEW_ERR_NO_MATCH": "這不符合所選的元素，因此您的編輯將不會對其產生任何變更",
-  "LIVE_DEV_STYLER_NEW_ERR_STATE": "類似「:hover」的樣式目前尚無法在此處即時編輯",
-  "LIVE_DEV_STYLER_NEW_ERR_INVALID": "這似乎不是有效的樣式名稱 - 請嘗試使用像 .card 的類別或像 #hero 的 ID",
-  "LIVE_DEV_STYLER_CREATE": "建立",
-  "LIVE_DEV_STYLER_SELECTOR_PLACEHOLDER": "例如 .card 或 #hero",
-  "LIVE_DEV_STYLER_HEIGHT": "高度",
-  "LIVE_DEV_STYLER_SIZE_TAB": "尺寸",
-  "LIVE_DEV_STYLER_MIN_WIDTH": "最小寬度",
-  "LIVE_DEV_STYLER_MAX_WIDTH": "最大寬度",
-  "LIVE_DEV_STYLER_MIN_HEIGHT": "最小高度",
-  "LIVE_DEV_STYLER_MAX_HEIGHT": "最大高度",
-  "LIVE_DEV_STYLER_LIMITS_SHOW": "顯示最小/最大尺寸限制",
-  "LIVE_DEV_STYLER_LIMITS_HIDE": "隱藏最小/最大尺寸限制",
-  "LIVE_DEV_STYLER_OPACITY": "不透明度",
-  "LIVE_DEV_STYLER_CHANGE_UNIT": "變更單位 - 在 {0} 之間切換",
-  "LIVE_DEV_STYLER_INCREASE_VALUE": "增加 {0}",
-  "LIVE_DEV_STYLER_DECREASE_VALUE": "減少 {0}",
-  "LIVE_DEV_STYLER_INCREASE": "增加數值",
-  "LIVE_DEV_STYLER_DECREASE": "減少數值",
-  "LIVE_DEV_STYLER_STEP_HINT": "Shift + 點擊：x10",
-  "LIVE_DEV_STYLER_EYEDROPPER": "從頁面選取顏色"
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在即時預覽中選取元素時顯示樣式列。預設為 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "即時預覽樣式列的停駐側邊：「top」、「bottom」、「left」或「right」。預設為 'bottom'",
+  "LIVE_DEV_STYLER_DOCK": "停駐位置",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "將樣式列移至左側",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "將樣式列移至右側",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此頁面上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "銀色",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
+  "LIVE_DEV_STYLER_COLOR_RED": "紅色",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "橘色",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "黃色",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄欖色",
+  "LIVE_DEV_STYLER_COLOR_LIME": "萊姆色",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "綠色",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "藍綠色",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "藍色",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "海軍藍",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛藍色",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "洋紅色",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫羅蘭色",
+  "LIVE_DEV_STYLER_COLOR_PINK": "粉紅色",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "顯示樣式列"
 });
\ No newline at end of file

From b23a1b2a5da4d25e374d1954548bc1584c929f87 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:28:22 +0530
Subject: [PATCH 25/49] feat: add LSP support for desktop
 (TypeScript/JavaScript via vtsls)

Add Language Server Protocol support to the editor, desktop-only (it depends
on the Node layer to spawn server processes). The first server is vtsls,
bundled in src-node so there is zero user setup. The framework is lazy-loaded
so boot stays fast: the Node module is required on demand and the front end is
pulled in after boot. All six features are capability-gated and degrade
gracefully: completion, hover, jump-to-definition, signature help, diagnostics
and find-references.

Architecture
- src-node/lsp-client.js: NodeConnector-backed ("ph-lsp") multi-server manager
  speaking JSON-RPC over stdio with Content-Length framing; resolves servers
  from node_modules/.bin then PATH. Not required at boot (lazy-loaded).
- src/languageTools/LSPClient.js: browser-side client that exposes the method
  surface DefaultProviders expects, centralizes {line,ch}<->{character} and
  path<->file:// URI translation (including the /tauri virtual-path prefix),
  returns jQuery Deferreds, routes publishDiagnostics into CodeInspection, and
  auto-restarts a crashed server. Completion results are cached per context.
- src/languageTools/DocumentSync.js: generic didOpen/didChange(debounced)/
  didClose lifecycle. flush() now syncs on actual text difference rather than a
  pending debounce timer, fixing a race where a completion request (e.g. on
  ".") could reach the server before the keystroke, returning globals instead
  of members.
- src/languageTools/HoverProvider.js + DocumentHighlight.js: hover docs via
  QuickViewManager and cursor-occurrence highlighting via documentHighlight.
- src/extensions/default/TypeScriptSupport: thin per-language config; registered
  via DefaultExtensions.json desktopOnly.

Code hints / insertion
- DefaultProviders.insertHint anchors the replacement start on the server's
  textEdit.range.start (stable as you type forward; for members it points at the
  trigger "." whose dot is part of newText) and ends at the current cursor,
  fixing both "console..log" and the stale-cache "consolenso".
- Snippet completions (insertTextFormat 2) are processed properly instead of
  inserting literal "$1": new reusable editor/TabstopManager expands the LSP
  snippet grammar ($1/$0, ${1:placeholder}, ${1|a,b|}, variables, escapes),
  places the caret at the first stop, and starts a Tab/Shift-Tab navigable
  session (marker-backed, so stops survive later edits such as an auto-import
  line). additionalTextEdits are applied for real auto-imports. The Emmet
  expander is left untouched with a pointer comment for future migration.
- CodeHintList/CodeHintManager: scope row queries to li.code-hints-list-item so
  documentation-popup markup no longer pollutes the list, clear stale highlights
  on keyboard nav, and make session begin/update foolproof against duplicate
  lists.
- KeyBindingManager: fall back to event.code when event.key is "Unidentified"/
  "Dead"/empty so Ctrl-Space works under IME.

UI
- Theme-matched, opaque scrollbar for the codehint/inlinemenu dropdown; the
  app-wide transparent track previously let the editor show through the popup's
  scroll gutter.
- Themed hover quickview and doc-popup styling.
---
 src-node/index.js                             |   3 +
 src-node/lsp-client.js                        | 344 +++++++++
 src-node/package-lock.json                    | 179 ++++-
 src-node/package.json                         |   1 +
 src/brackets.js                               |   9 +-
 src/command/KeyBindingManager.js              |  55 ++
 src/editor/CodeHintList.js                    |  48 +-
 src/editor/CodeHintManager.js                 |  13 +
 src/editor/TabstopManager.js                  | 335 +++++++++
 src/extensions/default/DefaultExtensions.json |   3 +-
 src/extensions/default/HTMLCodeHints/main.js  |   4 +
 .../default/TypeScriptSupport/main.js         | 159 +++++
 .../default/TypeScriptSupport/package.json    |   9 +
 src/languageTools/DefaultProviders.js         | 297 ++++++--
 src/languageTools/DocumentHighlight.js        | 177 +++++
 src/languageTools/DocumentSync.js             | 262 +++++++
 src/languageTools/HoverProvider.js            | 114 +++
 src/languageTools/LSPClient.js                | 660 ++++++++++++++++++
 .../styles/default_provider_style.css         |  57 ++
 src/styles/brackets.less                      | 221 ++++++
 src/styles/brackets_patterns_override.less    |  24 +
 21 files changed, 2900 insertions(+), 74 deletions(-)
 create mode 100644 src-node/lsp-client.js
 create mode 100644 src/editor/TabstopManager.js
 create mode 100644 src/extensions/default/TypeScriptSupport/main.js
 create mode 100644 src/extensions/default/TypeScriptSupport/package.json
 create mode 100644 src/languageTools/DocumentHighlight.js
 create mode 100644 src/languageTools/DocumentSync.js
 create mode 100644 src/languageTools/HoverProvider.js
 create mode 100644 src/languageTools/LSPClient.js

diff --git a/src-node/index.js b/src-node/index.js
index a40bc1c678..4ad5376e00 100644
--- a/src-node/index.js
+++ b/src-node/index.js
@@ -70,6 +70,9 @@ require("./test-connection");
 require("./utils");
 require("./terminal");
 require("./git/cli");
+// Note: "./lsp-client" is intentionally NOT required here. It is lazy-loaded on demand the
+// first time the desktop LSP client is used (via NodeUtils._loadNodeExtensionModule), so the
+// LSP framework adds nothing to node boot time. See src/languageTools/LSPClient.js.
 require("./claude-code-agent");
 function randomNonce(byteLength) {
     const randomBuffer = new Uint8Array(byteLength);
diff --git a/src-node/lsp-client.js b/src-node/lsp-client.js
new file mode 100644
index 0000000000..f8929ec9f2
--- /dev/null
+++ b/src-node/lsp-client.js
@@ -0,0 +1,344 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * Pluggable LSP Client Infrastructure (Node side)
+ *
+ * Provides a reusable Language Server Protocol (LSP) client that supports multiple
+ * language servers simultaneously via a serverId-based registry. Browser extensions only
+ * configure their language server and make high-level calls; this module owns the process
+ * spawning and JSON-RPC framing.
+ *
+ * ```
+ *  BROWSER (Phoenix)                          NODE (this module)
+ *  TypeScript/Python/Rust   ─NodeConnector──▶ lsp-client.js ──stdio──▶ vtsls / pylsp / rust-analyzer
+ *  extensions ("ph-lsp")                       (spawn + JSON-RPC, Content-Length framing)
+ * ```
+ *
+ * API (called from the browser via `lspConnector.execPeer(<fn>, params)`):
+ *   - startServer({ serverId, command, args=['--stdio'], rootUri }) -> { success, serverId, pid }
+ *   - sendRequest({ serverId, method, params })  -> LSP result (awaits response)
+ *   - sendNotification({ serverId, method, params }) -> { success }   (fire and forget)
+ *   - stopServer({ serverId }) -> { success, serverId }
+ *   - listServers() -> [{ serverId, pid, rootUri }]
+ *   - ping() -> { status: "pong", activeServers }
+ *
+ * Events emitted to the browser (`lspConnector.on(<event>, ...)`):
+ *   - 'lspNotification' { serverId, method, params }  (e.g. textDocument/publishDiagnostics)
+ *   - 'serverExit'      { serverId, code }
+ *   - 'serverError'     { serverId, error }
+ *
+ * Server resolution order when starting: `src-node/node_modules/.bin/<command>` (bundled),
+ * then the system PATH. Messages use JSON-RPC 2.0 over stdio with Content-Length headers.
+ */
+
+// Create connector at module load time (same pattern as src-node/git/cli.js)
+const nodeConnector = global.createNodeConnector("ph-lsp", exports);
+
+const { spawn } = require('child_process');
+const path = require('path');
+const fs = require('fs');
+
+// Path to node_modules/.bin for bundled LSP servers
+const NODE_MODULES_BIN = path.join(__dirname, 'node_modules', '.bin');
+
+// Registry of active servers: serverId -> serverState
+const servers = new Map();
+let globalRequestId = 0;
+
+// Timeout for LSP requests (2 minutes)
+const LSP_REQUEST_TIMEOUT = 120000;
+
+/**
+ * Encode a JSON-RPC message with an LSP Content-Length header.
+ * @param {Object} message - The JSON-RPC message object
+ * @returns {string} The encoded message with headers
+ */
+function encode(message) {
+    const content = JSON.stringify(message);
+    return `Content-Length: ${Buffer.byteLength(content)}\r\n\r\n${content}`;
+}
+
+/**
+ * Create a stream parser for LSP messages from a specific server.
+ * Uses Buffer operations because Content-Length is measured in bytes.
+ * @param {string} serverId - The server identifier
+ * @returns {Function} Parser function that processes incoming data chunks
+ */
+function createParser(serverId) {
+    let buffer = Buffer.alloc(0);
+    const HEADER_DELIMITER = Buffer.from('\r\n\r\n');
+
+    return (data) => {
+        buffer = Buffer.concat([buffer, data]);
+
+        while (true) {
+            const headerEnd = buffer.indexOf(HEADER_DELIMITER);
+            if (headerEnd === -1) {
+                break;
+            }
+
+            const header = buffer.slice(0, headerEnd).toString('utf8');
+            const match = header.match(/Content-Length: (\d+)/i);
+            if (!match) {
+                // Invalid header - skip a byte and resync.
+                buffer = buffer.slice(1);
+                continue;
+            }
+
+            const contentLength = parseInt(match[1], 10);
+            const contentStart = headerEnd + HEADER_DELIMITER.length;
+
+            if (buffer.length < contentStart + contentLength) {
+                break; // Wait for more data.
+            }
+
+            const json = buffer.slice(contentStart, contentStart + contentLength).toString('utf8');
+            buffer = buffer.slice(contentStart + contentLength);
+
+            try {
+                handleMessage(serverId, JSON.parse(json));
+            } catch (e) {
+                console.error(`[lsp-client][${serverId}] parse error:`, e.message);
+            }
+        }
+    };
+}
+
+/**
+ * Handle a single incoming LSP message from a server.
+ * @param {string} serverId - The server identifier
+ * @param {Object} msg - The parsed JSON-RPC message
+ */
+function handleMessage(serverId, msg) {
+    const server = servers.get(serverId);
+    if (!server) {
+        return;
+    }
+
+    if (msg.id !== undefined && server.pending.has(msg.id)) {
+        // Response to a request we sent.
+        const { resolve, reject } = server.pending.get(msg.id);
+        server.pending.delete(msg.id);
+        if (msg.error) {
+            reject(msg.error);
+        } else {
+            resolve(msg.result);
+        }
+    } else if (msg.method) {
+        // Notification or server-initiated request - forward to the browser.
+        nodeConnector.triggerPeer('lspNotification', { serverId, ...msg });
+    }
+}
+
+/**
+ * Ping endpoint to verify the LSP connector is alive.
+ * @returns {Promise<Object>} Status and list of active servers
+ */
+exports.ping = async function ping() {
+    return { status: "pong", activeServers: Array.from(servers.keys()) };
+};
+
+/**
+ * Start a new language server.
+ * @param {Object} params - Server configuration
+ * @param {string} params.serverId - Unique identifier for this server instance
+ * @param {string} params.command - Command used to spawn the language server
+ * @param {string[]} [params.args=['--stdio']] - Arguments for the command
+ * @param {string} params.rootUri - Root URI of the workspace
+ * @returns {Promise<Object>} Result with success status and server info
+ */
+exports.startServer = async function startServer(params) {
+    const { serverId, command, args = ['--stdio'], rootUri } = params;
+
+    if (!serverId || !command) {
+        throw new Error('serverId and command are required');
+    }
+
+    if (servers.has(serverId)) {
+        return { success: true, message: "already running", serverId };
+    }
+
+    // Prefer a server bundled in node_modules/.bin, otherwise fall back to PATH.
+    let commandPath = command;
+    const localBinPath = path.join(NODE_MODULES_BIN, command);
+    if (fs.existsSync(localBinPath)) {
+        commandPath = localBinPath;
+    }
+
+    return new Promise((resolve, reject) => {
+        const serverProcess = spawn(commandPath, args, { stdio: ['pipe', 'pipe', 'pipe'] });
+        const parser = createParser(serverId);
+
+        const serverState = {
+            process: serverProcess,
+            pending: new Map(),
+            rootUri,
+            stderrTail: [] // keep the last few stderr lines to attach to crash reports
+        };
+
+        let hasResolved = false;
+
+        serverProcess.stdout.on('data', parser);
+        serverProcess.stderr.on('data', (data) => {
+            const text = data.toString();
+            serverState.stderrTail.push(text);
+            if (serverState.stderrTail.length > 50) {
+                serverState.stderrTail.shift();
+            }
+            console.error(`[lsp-client][${serverId} stderr]`, text.trimEnd());
+        });
+
+        serverProcess.on('spawn', () => {
+            servers.set(serverId, serverState);
+            hasResolved = true;
+            resolve({ success: true, serverId, pid: serverProcess.pid });
+        });
+
+        serverProcess.on('exit', (code, signal) => {
+            servers.delete(serverId);
+            const stderr = serverState.stderrTail.join('');
+            if (code) {
+                console.error(`[lsp-client][${serverId}] exited code=${code} signal=${signal || 'none'}`);
+            }
+            nodeConnector.triggerPeer('serverExit', { serverId, code, signal, stderr });
+            if (!hasResolved) {
+                hasResolved = true;
+                reject(new Error(`Server ${serverId} exited immediately with code ${code}` +
+                    (stderr ? `\n${stderr}` : '')));
+            }
+        });
+
+        serverProcess.on('error', (err) => {
+            console.error(`[lsp-client][${serverId}] spawn error:`, err.message);
+            servers.delete(serverId);
+            nodeConnector.triggerPeer('serverError', { serverId, error: err.message });
+            if (!hasResolved) {
+                hasResolved = true;
+                reject(new Error(`Failed to spawn ${serverId}: ${err.message}`));
+            }
+        });
+
+        // Guard in case the 'spawn' event never fires.
+        setTimeout(() => {
+            if (!hasResolved) {
+                hasResolved = true;
+                reject(new Error(`Timeout waiting for ${serverId} to start`));
+            }
+        }, 10000);
+    });
+};
+
+/**
+ * Send an LSP request to a server and wait for the response.
+ * @param {Object} params - Request parameters
+ * @param {string} params.serverId - Target server identifier
+ * @param {string} params.method - LSP method name
+ * @param {Object} params.params - LSP request parameters
+ * @returns {Promise<Object>} The LSP response result
+ */
+exports.sendRequest = async function sendRequest(params) {
+    const { serverId, method, params: lspParams } = params;
+    const server = servers.get(serverId);
+
+    if (!server) {
+        throw new Error(`Server ${serverId} not running`);
+    }
+
+    const id = ++globalRequestId;
+    const msg = { jsonrpc: '2.0', id, method, params: lspParams };
+
+    return new Promise((resolve, reject) => {
+        const timeoutId = setTimeout(() => {
+            if (server.pending.has(id)) {
+                server.pending.delete(id);
+                reject(new Error(`Request ${method} timed out after ${LSP_REQUEST_TIMEOUT}ms`));
+            }
+        }, LSP_REQUEST_TIMEOUT);
+
+        server.pending.set(id, {
+            resolve: (result) => {
+                clearTimeout(timeoutId);
+                resolve(result);
+            },
+            reject: (error) => {
+                clearTimeout(timeoutId);
+                reject(error);
+            }
+        });
+
+        server.process.stdin.write(encode(msg));
+    });
+};
+
+/**
+ * Send an LSP notification to a server (no response expected).
+ * @param {Object} params - Notification parameters
+ * @param {string} params.serverId - Target server identifier
+ * @param {string} params.method - LSP method name
+ * @param {Object} params.params - LSP notification parameters
+ * @returns {Promise<Object>} Success confirmation
+ */
+exports.sendNotification = async function sendNotification(params) {
+    const { serverId, method, params: lspParams } = params;
+    const server = servers.get(serverId);
+
+    if (!server) {
+        throw new Error(`Server ${serverId} not running`);
+    }
+
+    const msg = { jsonrpc: '2.0', method, params: lspParams };
+    server.process.stdin.write(encode(msg));
+    return { success: true };
+};
+
+/**
+ * Stop a running language server.
+ * @param {Object} params - Stop parameters
+ * @param {string} params.serverId - Server identifier to stop
+ * @returns {Promise<Object>} Success confirmation
+ */
+exports.stopServer = async function stopServer(params) {
+    const { serverId } = params;
+    const server = servers.get(serverId);
+
+    if (server) {
+        // Reject any in-flight requests so browser-side promises do not hang.
+        for (const { reject } of server.pending.values()) {
+            reject(new Error(`Server ${serverId} stopped`));
+        }
+        server.pending.clear();
+        server.process.kill();
+        servers.delete(serverId);
+    }
+    return { success: true, serverId };
+};
+
+/**
+ * List all active language servers.
+ * @returns {Promise<Array>} Array of server info objects
+ */
+exports.listServers = async function listServers() {
+    return Array.from(servers.entries()).map(([id, state]) => ({
+        serverId: id,
+        pid: state.process.pid,
+        rootUri: state.rootUri
+    }));
+};
diff --git a/src-node/package-lock.json b/src-node/package-lock.json
index b65ecac73d..b6e85af4de 100644
--- a/src-node/package-lock.json
+++ b/src-node/package-lock.json
@@ -1,18 +1,19 @@
 {
     "name": "@phcode/node-core",
-    "version": "5.1.21-0",
+    "version": "5.1.24-0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@phcode/node-core",
-            "version": "5.1.21-0",
+            "version": "5.1.24-0",
             "hasInstallScript": true,
             "license": "GNU-AGPL3.0",
             "dependencies": {
                 "@anthropic-ai/claude-agent-sdk": "^0.2.126",
                 "@expo/sudo-prompt": "^9.3.2",
                 "@phcode/fs": "^4.0.2",
+                "@vtsls/language-server": "^0.3.0",
                 "cross-spawn": "^7.0.6",
                 "lmdb": "^3.5.1",
                 "mime-types": "^2.1.35",
@@ -440,6 +441,54 @@
                 "ws": "^8.13.0"
             }
         },
+        "node_modules/@vscode/l10n": {
+            "version": "0.0.18",
+            "resolved": "https://registry.npmjs.org/@vscode/l10n/-/l10n-0.0.18.tgz",
+            "integrity": "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ==",
+            "license": "MIT"
+        },
+        "node_modules/@vtsls/language-server": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@vtsls/language-server/-/language-server-0.3.0.tgz",
+            "integrity": "sha512-EYTkCHNGz3MFSP7z0DZ5+WBQY5CWEH7bCUu53EaDloBTjghoi2vfZqSrS0+7WsRG03MhBhjGG9ifNee/2kixvQ==",
+            "license": "MIT",
+            "dependencies": {
+                "@vtsls/language-service": "0.3.0",
+                "vscode-languageserver": "^9.0.1",
+                "vscode-uri": "^3.1.0"
+            },
+            "bin": {
+                "vtsls": "bin/vtsls.js"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@vtsls/language-service": {
+            "version": "0.3.0",
+            "resolved": "https://registry.npmjs.org/@vtsls/language-service/-/language-service-0.3.0.tgz",
+            "integrity": "sha512-u2Z5oY64953CvG1SdI6Zimlbnaqj7OT/sj9zcw/gr/f6pl3e0ryh8lsa376MeC9T/SW7q+Aw0YMyUZIIIZOyng==",
+            "license": "MIT",
+            "dependencies": {
+                "@vscode/l10n": "^0.0.18",
+                "@vtsls/vscode-fuzzy": "0.1.0",
+                "jsonc-parser": "^3.2.0",
+                "semver": "7.5.2",
+                "typescript": "5.9.3",
+                "vscode-languageserver-protocol": "^3.17.5",
+                "vscode-languageserver-textdocument": "^1.0.12",
+                "vscode-uri": "^3.1.0"
+            },
+            "engines": {
+                "node": ">=18"
+            }
+        },
+        "node_modules/@vtsls/vscode-fuzzy": {
+            "version": "0.1.0",
+            "resolved": "https://registry.npmjs.org/@vtsls/vscode-fuzzy/-/vscode-fuzzy-0.1.0.tgz",
+            "integrity": "sha512-jpJ6pFyi152BZ65j1D7otCf1YA9xaMqXV6nn2MOF8BNx0mkwIp2lTj26xvGk/mvEtiVvsGN3vMiBNXMxcv6bIA==",
+            "license": "MIT"
+        },
         "node_modules/accepts": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/accepts/-/accepts-2.0.0.tgz",
@@ -1350,6 +1399,12 @@
             "integrity": "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA==",
             "license": "BSD-2-Clause"
         },
+        "node_modules/jsonc-parser": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.3.1.tgz",
+            "integrity": "sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==",
+            "license": "MIT"
+        },
         "node_modules/lmdb": {
             "version": "3.5.1",
             "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.1.tgz",
@@ -1377,6 +1432,18 @@
                 "@lmdb/lmdb-win32-x64": "3.5.1"
             }
         },
+        "node_modules/lru-cache": {
+            "version": "6.0.0",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+            "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+            "license": "ISC",
+            "dependencies": {
+                "yallist": "^4.0.0"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/math-intrinsics": {
             "version": "1.1.0",
             "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
@@ -3672,6 +3739,21 @@
             "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
             "license": "MIT"
         },
+        "node_modules/semver": {
+            "version": "7.5.2",
+            "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.2.tgz",
+            "integrity": "sha512-SoftuTROv/cRjCze/scjGyiDtcUyxw1rgYQSZY7XTmtR5hX+dm76iDbTH8TkLPHCQmlbQVSSbNZCPM2hb0knnQ==",
+            "license": "ISC",
+            "dependencies": {
+                "lru-cache": "^6.0.0"
+            },
+            "bin": {
+                "semver": "bin/semver.js"
+            },
+            "engines": {
+                "node": ">=10"
+            }
+        },
         "node_modules/send": {
             "version": "1.2.1",
             "resolved": "https://registry.npmjs.org/send/-/send-1.2.1.tgz",
@@ -3930,6 +4012,19 @@
                 "url": "https://opencollective.com/express"
             }
         },
+        "node_modules/typescript": {
+            "version": "5.9.3",
+            "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+            "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+            "license": "Apache-2.0",
+            "bin": {
+                "tsc": "bin/tsc",
+                "tsserver": "bin/tsserver"
+            },
+            "engines": {
+                "node": ">=14.17"
+            }
+        },
         "node_modules/unpipe": {
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
@@ -3948,6 +4043,80 @@
                 "node": ">= 0.8"
             }
         },
+        "node_modules/vscode-jsonrpc": {
+            "version": "9.0.0",
+            "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-9.0.0.tgz",
+            "integrity": "sha512-+VvMmQPJhtvJ+8O+zu2JKIRiLxXF8NW7krWgyMGeOHrp4Cn23T5hc0v2LknNeopDOB70wghHAds7mKtcZ0I4Sg==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/vscode-languageserver": {
+            "version": "9.0.1",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver/-/vscode-languageserver-9.0.1.tgz",
+            "integrity": "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==",
+            "license": "MIT",
+            "dependencies": {
+                "vscode-languageserver-protocol": "3.17.5"
+            },
+            "bin": {
+                "installServerIntoExtension": "bin/installServerIntoExtension"
+            }
+        },
+        "node_modules/vscode-languageserver-protocol": {
+            "version": "3.18.0",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.18.0.tgz",
+            "integrity": "sha512-Zdz+kJ12Iz6tc11xfZyEo501bBATHXrCjmMfnaR3pMnf1CoqZBKIynba3P+/bi9VEdrMbNtAVKYpKhbODvqy+Q==",
+            "license": "MIT",
+            "dependencies": {
+                "vscode-jsonrpc": "9.0.0",
+                "vscode-languageserver-types": "3.18.0"
+            }
+        },
+        "node_modules/vscode-languageserver-textdocument": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver-textdocument/-/vscode-languageserver-textdocument-1.0.12.tgz",
+            "integrity": "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==",
+            "license": "MIT"
+        },
+        "node_modules/vscode-languageserver-types": {
+            "version": "3.18.0",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.18.0.tgz",
+            "integrity": "sha512-8TsGPNMIMiiBdkORgRSvLjuiEIiAFtO+KssmYWxQ+uSVvlf7RjK8YKCOjPzZ+YA04jXEV7+7LvkSmHkhpNS99g==",
+            "license": "MIT"
+        },
+        "node_modules/vscode-languageserver/node_modules/vscode-jsonrpc": {
+            "version": "8.2.0",
+            "resolved": "https://registry.npmjs.org/vscode-jsonrpc/-/vscode-jsonrpc-8.2.0.tgz",
+            "integrity": "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==",
+            "license": "MIT",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
+        "node_modules/vscode-languageserver/node_modules/vscode-languageserver-protocol": {
+            "version": "3.17.5",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver-protocol/-/vscode-languageserver-protocol-3.17.5.tgz",
+            "integrity": "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==",
+            "license": "MIT",
+            "dependencies": {
+                "vscode-jsonrpc": "8.2.0",
+                "vscode-languageserver-types": "3.17.5"
+            }
+        },
+        "node_modules/vscode-languageserver/node_modules/vscode-languageserver-types": {
+            "version": "3.17.5",
+            "resolved": "https://registry.npmjs.org/vscode-languageserver-types/-/vscode-languageserver-types-3.17.5.tgz",
+            "integrity": "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==",
+            "license": "MIT"
+        },
+        "node_modules/vscode-uri": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+            "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+            "license": "MIT"
+        },
         "node_modules/weak-lru-cache": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/weak-lru-cache/-/weak-lru-cache-1.2.2.tgz",
@@ -3994,6 +4163,12 @@
                 }
             }
         },
+        "node_modules/yallist": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+            "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+            "license": "ISC"
+        },
         "node_modules/zod": {
             "version": "4.4.3",
             "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz",
diff --git a/src-node/package.json b/src-node/package.json
index 052a1f7051..24f0a1d0f3 100644
--- a/src-node/package.json
+++ b/src-node/package.json
@@ -23,6 +23,7 @@
         "@anthropic-ai/claude-agent-sdk": "^0.2.126",
         "@expo/sudo-prompt": "^9.3.2",
         "@phcode/fs": "^4.0.2",
+        "@vtsls/language-server": "^0.3.0",
         "cross-spawn": "^7.0.6",
         "lmdb": "^3.5.1",
         "mime-types": "^2.1.35",
diff --git a/src/brackets.js b/src/brackets.js
index 3e427c081a..e6adcb0756 100644
--- a/src/brackets.js
+++ b/src/brackets.js
@@ -211,13 +211,8 @@ define(function (require, exports, module) {
     require("JSUtils/Session");
     require("JSUtils/ScopeManager");
 
-    //load Language Tools Module
-    require("languageTools/PathConverters");
-    require("languageTools/LanguageTools");
-    require("languageTools/ClientLoader");
-    require("languageTools/BracketsToNodeInterface");
-    require("languageTools/DefaultProviders");
-    require("languageTools/DefaultEventHandlers");
+    // Language Tools (LSP) are desktop-only and loaded lazily by languageTools/LSPClient the
+    // first time a language server is started, so they are intentionally not required at boot.
 
     // web workers
     require("worker/IndexingWorker");
diff --git a/src/command/KeyBindingManager.js b/src/command/KeyBindingManager.js
index 7da918786e..d1ea60e65e 100644
--- a/src/command/KeyBindingManager.js
+++ b/src/command/KeyBindingManager.js
@@ -553,6 +553,52 @@ define(function (require, exports, module) {
      * @private
      * @return {string} If the key is OS-inconsistent, the correct key; otherwise, the original key.
      **/
+    // Maps a physical key code (event.code, which is keyboard-layout and input-method independent)
+    // to the key name used in keymaps. Used as a fallback when event.key is unusable.
+    const _CODE_TO_KEY = {
+        "Space": "Space",
+        "Enter": "Enter",
+        "NumpadEnter": "Enter",
+        "Tab": "Tab",
+        "Backspace": "Backspace",
+        "Delete": "Delete",
+        "Escape": "Esc",
+        "ArrowUp": "Up",
+        "ArrowDown": "Down",
+        "ArrowLeft": "Left",
+        "ArrowRight": "Right",
+        "Home": "Home",
+        "End": "End",
+        "PageUp": "PageUp",
+        "PageDown": "PageDown",
+        "Minus": "-",
+        "Equal": "=",
+        "BracketLeft": "[",
+        "BracketRight": "]",
+        "Backslash": "\\",
+        "Semicolon": ";",
+        "Quote": "'",
+        "Comma": ",",
+        "Period": ".",
+        "Slash": "/",
+        "Backquote": "`"
+    };
+    function _mapCodeToKey(code) {
+        if (!code) {
+            return null;
+        }
+        if (/^Key[A-Z]$/.test(code)) {       // KeyA -> A
+            return code.slice(3);
+        }
+        if (/^Digit[0-9]$/.test(code)) {     // Digit1 -> 1
+            return code.slice(5);
+        }
+        if (/^Numpad[0-9]$/.test(code)) {    // Numpad1 -> 1
+            return code.slice(6);
+        }
+        return _CODE_TO_KEY[code] || null;
+    }
+
     function _mapKeycodeToKey(event) {
         // key code mapping https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values
         if((event.ctrlKey || event.metaKey) && event.altKey && brackets.platform === "mac"){
@@ -565,6 +611,15 @@ define(function (require, exports, module) {
             }
         }
         const key = event.key;
+        // Some input methods (e.g. IBus/fcitx on Linux intercepting Ctrl-Space) deliver the event
+        // with key === "Unidentified"/"Dead". Fall back to the physical key code so shortcuts like
+        // Ctrl-Space still resolve correctly.
+        if (key === "Unidentified" || key === "Dead" || !key) {
+            const fromCode = _mapCodeToKey(event.code);
+            if (fromCode) {
+                return fromCode;
+            }
+        }
         let codes = {
             "ArrowUp": "Up",
             "ArrowDown": "Down",
diff --git a/src/editor/CodeHintList.js b/src/editor/CodeHintList.js
index d50095fcff..4c86a4eb5f 100644
--- a/src/editor/CodeHintList.js
+++ b/src/editor/CodeHintList.js
@@ -135,16 +135,24 @@ define(function (require, exports, module) {
      * @param {{source: "KeyboardNav", event}} reason optional reason for selection change
      */
     CodeHintList.prototype._setSelectedIndex = function (index, reason) {
-        var items = this.$hintMenu.find("li");
+        var items = this.$hintMenu.find("li.code-hints-list-item");
 
         // Range check
         index = Math.max(-1, Math.min(index, items.length - 1));
 
-        // Clear old highlight
-        if (this.selectedIndex !== -1) {
-            $(items[this.selectedIndex]).find("a").removeClass("highlight");
+        // Track whether the user has actively navigated (arrow keys) since the current query was
+        // issued. Used by update() to decide whether to preserve the selection across an async
+        // rebuild (preserve only if the user navigated; otherwise pick the best match).
+        if (reason && reason.source === SELECTION_REASON.KEYBOARD_NAV) {
+            this._userNavigated = true;
         }
 
+        // Clear old highlight. Clear ALL highlighted items (not just items[selectedIndex]) so a
+        // single-selection invariant is always enforced - the index can get out of sync with the
+        // DOM when the list is rebuilt by async providers, which would otherwise leave multiple
+        // rows looking selected.
+        items.find("a.highlight").removeClass("highlight");
+
         this.selectedIndex = index;
 
         // Highlight the new selected item, if necessary
@@ -215,7 +223,7 @@ define(function (require, exports, module) {
         }
 
         // clear the list
-        this.$hintMenu.find("li").remove();
+        this.$hintMenu.find("li.code-hints-list-item").remove();
 
         // if there are no hints then close the list; otherwise add them and
         // set the selection
@@ -392,7 +400,7 @@ define(function (require, exports, module) {
         // Calculate the number of items per scroll page.
         function _itemsPerPage() {
             var itemsPerPage = 1,
-                $items = self.$hintMenu.find("li"),
+                $items = self.$hintMenu.find("li.code-hints-list-item"),
                 $view = self.$hintMenu.find("ul.dropdown-menu"),
                 itemHeight;
 
@@ -465,7 +473,7 @@ define(function (require, exports, module) {
                 }
 
                 // Trigger a click handler to commmit the selected item
-                $(this.$hintMenu.find("li")[this.selectedIndex]).trigger("click");
+                $(this.$hintMenu.find("li.code-hints-list-item")[this.selectedIndex]).trigger("click");
             } else {
                 // Let the event bubble.
                 return false;
@@ -528,8 +536,34 @@ define(function (require, exports, module) {
      */
     CodeHintList.prototype.update = function (hintObj) {
         this.$hintMenu.addClass("apply-transition");
+
+        // Preserve the user's current selection across the rebuild ONLY if they actively navigated
+        // since this query was issued. Without the guard, plain typing (a new query) would keep a
+        // stale selection instead of selecting the best match; with it, a late async response that
+        // arrives while the user is arrow-navigating won't reset their position.
+        var prevText = null;
+        if (this._userNavigated && this.selectedIndex >= 0) {
+            var $prevSel = this.$hintMenu.find("li.code-hints-list-item").eq(this.selectedIndex).find(".brackets-hints").first();
+            if ($prevSel.length) {
+                prevText = $prevSel.text();
+            }
+        }
+
         this._buildListView(hintObj);
 
+        if (prevText) {
+            var matchIndex = -1;
+            this.$hintMenu.find("li.code-hints-list-item").each(function (i, li) {
+                if ($(li).find(".brackets-hints").first().text() === prevText) {
+                    matchIndex = i;
+                    return false;
+                }
+            });
+            if (matchIndex >= 0) {
+                this._setSelectedIndex(matchIndex);
+            }
+        }
+
         // Update the CodeHintList location
         if (this.hints.length) {
             var hintPos = this._calcHintListLocation();
diff --git a/src/editor/CodeHintManager.js b/src/editor/CodeHintManager.js
index aec0c311da..a919b60bce 100644
--- a/src/editor/CodeHintManager.js
+++ b/src/editor/CodeHintManager.js
@@ -450,6 +450,12 @@ define(function (require, exports, module) {
             return hintList.callMoveUp(callMoveUpEvent);
         }
 
+        // A new query is being issued; clear the "user navigated" flag so the upcoming (possibly
+        // async) result selects the best match, unless the user navigates again before it arrives.
+        if (hintList) {
+            hintList._userNavigated = false;
+        }
+
         var response = null;
 
         // Get hints from regular provider if available
@@ -540,6 +546,13 @@ define(function (require, exports, module) {
             return;
         }
 
+        // Foolproof: never allow two concurrent hint lists. If a session somehow still exists,
+        // close it (removing its menu + global keydown hook) before starting a new one. Otherwise
+        // the old list would leak and both would react to Up/Down/Enter.
+        if (hintList) {
+            _endSession();
+        }
+
         // Don't start a session if we have a multiple selection.
         if (editor.getSelections().length > 1) {
             return;
diff --git a/src/editor/TabstopManager.js b/src/editor/TabstopManager.js
new file mode 100644
index 0000000000..5513e36646
--- /dev/null
+++ b/src/editor/TabstopManager.js
@@ -0,0 +1,335 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU Affero General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option) any
+ * later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT ANY
+ * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+ * PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License along
+ * with this program. If not, see https://www.gnu.org/licenses/.
+ *
+ */
+
+/**
+ * TabstopManager - a small, reusable engine for inserting "snippet" text that carries tab-stops and
+ * placeholders, and for letting the user cycle through those stops with Tab / Shift-Tab.
+ *
+ * It understands the LSP snippet grammar (which is the same one VS Code, Emmet and TextMate use):
+ *   - `$1`, `$2`, ... ordered tab-stops, `$0` the final caret
+ *   - `${1:placeholder}` a tab-stop pre-filled with default text that gets selected for type-over
+ *   - `${1|a,b,c|}` a choice (we take the first option)
+ *   - `${VAR}` / `${VAR:default}` variables (unresolved vars contribute nothing / their default)
+ *   - the escapes `\$`, `\}`, `\\`
+ *
+ * Two ways to use it:
+ *   - `parseSnippet(text)` -> `{ text, stops }` for callers that only need the expanded plain text
+ *     and the stop offsets (e.g. to place a single caret themselves).
+ *   - `insertSnippet(editor, text, from, to)` -> expands, inserts over [from, to], selects the first
+ *     stop, and (when there is more than one stop) starts a Tab-navigable session backed by markers
+ *     so the stops follow any later edits (e.g. an auto-import line inserted above).
+ *
+ * NOTE: this is currently wired only into the LSP completion path (languageTools/DefaultProviders).
+ * The Emmet expander (HTMLCodeHints) and the custom-snippets feature have their own stable cursor
+ * handling and were intentionally left untouched; they can migrate onto this manager in future.
+ */
+define(function (require, exports, module) {
+
+    /**
+     * Expand an LSP snippet into plain text plus the list of tab-stops.
+     * @param {string} snippet
+     * @return {{text: string, stops: Array<{number: number, start: number, end: number}>}}
+     *     `stops` holds one entry per distinct stop number (first occurrence), with offsets into
+     *     `text`; positive numbers come first in ascending order, then `$0` last.
+     */
+    function parseSnippet(snippet) {
+        var out = "",
+            i = 0,
+            len = snippet.length,
+            stops = {};   // number -> { start, end } (first occurrence wins)
+        function record(num, start, end) {
+            if (!(num in stops)) {
+                stops[num] = { start: start, end: end };
+            }
+        }
+        function readBraceBody(braceIdx) {
+            // braceIdx points at "{"; returns { inner, next } honoring nesting and escapes.
+            var j = braceIdx + 1,
+                depth = 1,
+                inner = "";
+            while (j < len && depth > 0) {
+                var c = snippet.charAt(j);
+                if (c === "\\" && j + 1 < len) {
+                    inner += snippet.charAt(j + 1);
+                    j += 2;
+                    continue;
+                }
+                if (c === "{") {
+                    depth++;
+                    inner += c;
+                    j++;
+                    continue;
+                }
+                if (c === "}") {
+                    depth--;
+                    if (depth === 0) {
+                        j++;
+                        break;
+                    }
+                    inner += c;
+                    j++;
+                    continue;
+                }
+                inner += c;
+                j++;
+            }
+            return { inner: inner, next: j };
+        }
+        while (i < len) {
+            var ch = snippet.charAt(i);
+            if (ch === "\\" && i + 1 < len) {
+                var esc = snippet.charAt(i + 1);
+                if (esc === "$" || esc === "}" || esc === "\\") {
+                    out += esc;
+                    i += 2;
+                    continue;
+                }
+                out += ch;
+                i++;
+                continue;
+            }
+            if (ch === "$") {
+                var simple = /^\$(\d+)/.exec(snippet.slice(i));
+                if (simple) {
+                    record(parseInt(simple[1], 10), out.length, out.length);
+                    i += simple[0].length;
+                    continue;
+                }
+                if (snippet.charAt(i + 1) === "{") {
+                    var body = readBraceBody(i + 1);
+                    i = body.next;
+                    var placeholder = /^(\d+):([\s\S]*)$/.exec(body.inner),
+                        choice = /^(\d+)\|([\s\S]*)\|$/.exec(body.inner),
+                        plain = /^(\d+)$/.exec(body.inner),
+                        varDefault = /^[A-Za-z_][A-Za-z0-9_]*:([\s\S]*)$/.exec(body.inner);
+                    if (placeholder) {
+                        var sub = parseSnippet(placeholder[2]),
+                            phStart = out.length;
+                        out += sub.text;
+                        record(parseInt(placeholder[1], 10), phStart, out.length);
+                    } else if (choice) {
+                        var first = choice[2].split(",")[0] || "",
+                            chStart = out.length;
+                        out += first;
+                        record(parseInt(choice[1], 10), chStart, out.length);
+                    } else if (plain) {
+                        record(parseInt(plain[1], 10), out.length, out.length);
+                    } else if (varDefault) {
+                        // Unknown variable with a default: emit the default (we don't resolve vars).
+                        out += parseSnippet(varDefault[1]).text;
+                    }
+                    // A bare `${VAR}` we can't resolve contributes nothing.
+                    continue;
+                }
+                var varName = /^\$[A-Za-z_][A-Za-z0-9_]*/.exec(snippet.slice(i));
+                if (varName) {
+                    i += varName[0].length;
+                    continue;
+                }
+                out += ch;
+                i++;
+                continue;
+            }
+            out += ch;
+            i++;
+        }
+        // Order stops: positive numbers ascending, then $0 (the final caret) last.
+        var ordered = Object.keys(stops).map(Number).filter(function (x) {
+            return x > 0;
+        }).sort(function (a, b) {
+            return a - b;
+        });
+        if (0 in stops) {
+            ordered.push(0);
+        }
+        return {
+            text: out,
+            stops: ordered.map(function (num) {
+                return { number: num, start: stops[num].start, end: stops[num].end };
+            })
+        };
+    }
+
+    // ---- Tab-navigation session ----------------------------------------------------------------
+
+    var _session = null;   // { editor, markers: [marker], index, keymap }
+
+    function _clearSession() {
+        if (!_session) {
+            return;
+        }
+        var session = _session;
+        _session = null;   // null first so the handlers below become no-ops if re-entered
+        session.markers.forEach(function (m) {
+            m.clear();
+        });
+        session.editor._codeMirror.removeKeyMap(session.keymap);
+        session.editor.off(".tabstop");
+    }
+
+    /**
+     * Resolve a marker (markText range or bookmark) to a {from, to} document range, or null if the
+     * marker no longer exists in the document.
+     */
+    function _markerRange(marker) {
+        var found = marker.find();
+        if (!found) {
+            return null;
+        }
+        // markText -> {from, to}; setBookmark -> a single position
+        if (found.from && found.to) {
+            return { from: found.from, to: found.to };
+        }
+        return { from: found, to: found };
+    }
+
+    function _selectStop(index) {
+        if (!_session || index < 0 || index >= _session.markers.length) {
+            return false;
+        }
+        var range = _markerRange(_session.markers[index]);
+        if (!range) {
+            return false;
+        }
+        _session.index = index;
+        _session.editor.setSelection(range.from, range.to);
+        return true;
+    }
+
+    function _gotoNext() {
+        // Move forward through the stops; leaving the last one ends the session (caret stays put).
+        for (var i = _session.index + 1; i < _session.markers.length; i++) {
+            if (_selectStop(i)) {
+                if (i === _session.markers.length - 1) {
+                    // landed on the final stop ($0 or the last placeholder) - nothing more to visit
+                    _clearSession();
+                }
+                return;
+            }
+        }
+        _clearSession();
+    }
+
+    function _gotoPrev() {
+        for (var i = _session.index - 1; i >= 0; i--) {
+            if (_selectStop(i)) {
+                return;
+            }
+        }
+    }
+
+    /**
+     * Expand a snippet, insert it over the given range, and place the caret at the first tab-stop.
+     * When the snippet has more than one stop, a Tab / Shift-Tab navigable session is started; the
+     * stops are tracked with markers so they follow any subsequent edits (e.g. an auto-import line
+     * inserted above the snippet). Any previously active session is ended first.
+     *
+     * @param {Editor} editor
+     * @param {string} snippet - raw snippet text (LSP snippet grammar)
+     * @param {{line: number, ch: number}} from - start of the range to replace
+     * @param {{line: number, ch: number}} to - end of the range to replace
+     * @return {{text: string, stops: Array}} the parsed snippet (already inserted)
+     */
+    function insertSnippet(editor, snippet, from, to) {
+        _clearSession();
+        var parsed = parseSnippet(snippet);
+        editor.document.replaceRange(parsed.text, from, to);
+
+        // Translate an offset within the inserted text (which may contain newlines) to a document
+        // position relative to `from`.
+        function posFromOffset(off) {
+            var seg = parsed.text.slice(0, off).split("\n");
+            if (seg.length === 1) {
+                return { line: from.line, ch: from.ch + off };
+            }
+            return { line: from.line + seg.length - 1, ch: seg[seg.length - 1].length };
+        }
+
+        if (!parsed.stops.length) {
+            editor.setCursorPos(posFromOffset(parsed.text.length).line, posFromOffset(parsed.text.length).ch);
+            return parsed;
+        }
+
+        // Single stop: just place the caret / select the placeholder, no navigation session needed.
+        if (parsed.stops.length === 1) {
+            var only = parsed.stops[0],
+                s = posFromOffset(only.start),
+                e = posFromOffset(only.end);
+            if (s.line === e.line && s.ch === e.ch) {
+                editor.setCursorPos(s.line, s.ch);
+            } else {
+                editor.setSelection(s, e);
+            }
+            return parsed;
+        }
+
+        // Multiple stops: lay down markers and start a Tab-navigable session.
+        var markers = parsed.stops.map(function (stop) {
+            var ms = posFromOffset(stop.start),
+                me = posFromOffset(stop.end);
+            if (ms.line === me.line && ms.ch === me.ch) {
+                return editor.setBookmark("tabstop", ms, { insertLeft: true });
+            }
+            return editor.markText("tabstop", ms, me, {
+                clearWhenEmpty: false,
+                inclusiveLeft: false,
+                inclusiveRight: true
+            });
+        });
+
+        var keymap = {
+            "name": "tabstop-session",
+            "Tab": function () {
+                _gotoNext();
+            },
+            "Shift-Tab": function () {
+                _gotoPrev();
+            },
+            "Esc": function () {
+                _clearSession();
+            }
+        };
+
+        _session = { editor: editor, markers: markers, index: -1, keymap: keymap };
+        editor._codeMirror.addKeyMap(keymap);
+        // End the session if the editor it belongs to is destroyed (file closed). Namespaced so
+        // _clearSession can remove it with a single off(".tabstop").
+        editor.on("beforeDestroy.tabstop", _clearSession);
+
+        _selectStop(0);
+        return parsed;
+    }
+
+    /**
+     * @return {boolean} true while a Tab-navigable snippet session is active.
+     */
+    function hasActiveSession() {
+        return !!_session;
+    }
+
+    /** End any active session (caret is left wherever it currently is). */
+    function endSession() {
+        _clearSession();
+    }
+
+    exports.parseSnippet = parseSnippet;
+    exports.insertSnippet = insertSnippet;
+    exports.hasActiveSession = hasActiveSession;
+    exports.endSession = endSession;
+});
diff --git a/src/extensions/default/DefaultExtensions.json b/src/extensions/default/DefaultExtensions.json
index 665ade6d0a..b1d9deb531 100644
--- a/src/extensions/default/DefaultExtensions.json
+++ b/src/extensions/default/DefaultExtensions.json
@@ -26,7 +26,8 @@
     "HealthData"
   ],
   "desktopOnly": [
-    "Git"
+    "Git",
+    "TypeScriptSupport"
   ],
  "warnExtensionStoreExtensions": {
    "description": "list extension ids here that you want to show this warning in extension store: 'You may not need this extension. Phoenix comes built in with this feature.'",
diff --git a/src/extensions/default/HTMLCodeHints/main.js b/src/extensions/default/HTMLCodeHints/main.js
index b7ca925030..ccbee8c02a 100644
--- a/src/extensions/default/HTMLCodeHints/main.js
+++ b/src/extensions/default/HTMLCodeHints/main.js
@@ -357,6 +357,10 @@ define(function (require, exports, module) {
      * Find the position where cursor should be placed after expansion
      * Looks for patterns like '><', '""', ''
      *
+     * NOTE: this is bespoke, stable cursor-placement logic for Emmet. `editor/TabstopManager`
+     * (added for the LSP completion path) is a reusable snippet/tab-stop engine that could replace
+     * this in future, giving Emmet real $1/${1:x}/$0 tab-stops with Tab navigation.
+     *
      * @param {Editor} editor - The editor instance
      * @param {String} indentedAbbr - the indented abbreviation
      * @param {Object} startPos - Starting position {line, ch} of the expansion
diff --git a/src/extensions/default/TypeScriptSupport/main.js b/src/extensions/default/TypeScriptSupport/main.js
new file mode 100644
index 0000000000..6b1c026363
--- /dev/null
+++ b/src/extensions/default/TypeScriptSupport/main.js
@@ -0,0 +1,159 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * TypeScript / JavaScript language support via the bundled `vtsls` language server.
+ *
+ * This extension is intentionally thin: all the heavy lifting lives in the shared
+ * `languageTools/LSPClient` module, which it loads lazily (only on desktop, only once Node is
+ * ready) so it never slows down boot. It just declares which languages map to which server and
+ * what initialization options vtsls needs.
+ */
+define(function (require, exports, module) {
+
+
+    const AppInit = brackets.getModule("utils/AppInit"),
+        ProjectManager = brackets.getModule("project/ProjectManager"),
+        NodeConnector = brackets.getModule("NodeConnector");
+
+    const SERVER_ID = "typescript";
+    const SUPPORTED_LANGUAGES = ["javascript", "typescript", "jsx", "tsx"];
+
+    // Phoenix language id -> LSP languageId
+    const LANGUAGE_ID_MAP = {
+        javascript: "javascript",
+        typescript: "typescript",
+        jsx: "javascriptreact",
+        tsx: "typescriptreact"
+    };
+
+    // vtsls-specific initialization options (mirrors the configuration Zed/VS Code use).
+    const INITIALIZATION_OPTIONS = {
+        vtsls: {
+            experimental: {
+                completion: {
+                    enableServerSideFuzzyMatch: true,
+                    entriesLimit: 5000
+                }
+            },
+            autoUseWorkspaceTsdk: true
+        }
+    };
+
+    let registered = false;
+    let lspClientPromise = null;
+
+    /**
+     * Asynchronously load the shared LSP framework on demand (keeps boot fast - these modules
+     * are not part of the boot dependency graph). Memoized; retries once to ride out any
+     * module-load race during startup.
+     * @return {Promise<Object>} the languageTools/LSPClient module
+     */
+    function loadLSPClient() {
+        if (!lspClientPromise) {
+            lspClientPromise = new Promise(function (resolve, reject) {
+                brackets.getModule(["languageTools/LSPClient"], resolve, function () {
+                    // Retry once - clear the require error state and try again on next tick.
+                    setTimeout(function () {
+                        brackets.getModule(["languageTools/LSPClient"], resolve, reject);
+                    }, 500);
+                });
+            });
+        }
+        return lspClientPromise;
+    }
+
+    /**
+     * LSP only runs in the desktop app where the Node engine is available.
+     * @return {boolean}
+     */
+    function canRun() {
+        return typeof Phoenix !== "undefined" && Phoenix.isNativeApp &&
+            NodeConnector.isNodeAvailable && NodeConnector.isNodeAvailable();
+    }
+
+    /**
+     * Resolve once the Node engine is ready (it is started lazily after boot).
+     * @param {number} timeout - max time to wait in ms
+     * @return {Promise<boolean>}
+     */
+    function waitForNodeReady(timeout) {
+        return new Promise(function (resolve) {
+            const deadline = Date.now() + timeout;
+            (function check() {
+                if (NodeConnector.isNodeReady()) {
+                    resolve(true);
+                } else if (Date.now() > deadline) {
+                    resolve(false);
+                } else {
+                    setTimeout(check, 300);
+                }
+            }());
+        });
+    }
+
+    async function start() {
+        if (registered || !canRun()) {
+            return;
+        }
+        const ready = await waitForNodeReady(30000);
+        if (!ready) {
+            console.error("[TypeScriptSupport] Node not ready - LSP disabled");
+            return;
+        }
+        // Lazy-load the LSP framework only when we actually need it.
+        const LSPClient = await loadLSPClient();
+        const client = await LSPClient.registerLanguageServer({
+            serverId: SERVER_ID,
+            command: "vtsls",
+            args: ["--stdio"],
+            languages: SUPPORTED_LANGUAGES,
+            languageIdMap: LANGUAGE_ID_MAP,
+            initializationOptions: INITIALIZATION_OPTIONS
+        });
+        if (client) {
+            registered = true;
+        }
+    }
+
+    // Begin loading the LSP framework as soon as the (desktop-only) extension loads - the
+    // reliable moment for module loading - so it is ready by the time start() runs.
+    if (canRun()) {
+        loadLSPClient();
+    }
+
+    AppInit.appReady(function () {
+        if (!canRun()) {
+            return;
+        }
+        start().catch(function (err) {
+            console.error("[TypeScriptSupport] init failed", err && (err.message || err));
+        });
+
+        // Restart the server against the new workspace root when the project changes.
+        ProjectManager.on("projectOpen", function () {
+            if (registered) {
+                loadLSPClient().then(function (LSPClient) {
+                    LSPClient.restartLanguageServer(SERVER_ID);
+                });
+            }
+        });
+    });
+});
diff --git a/src/extensions/default/TypeScriptSupport/package.json b/src/extensions/default/TypeScriptSupport/package.json
new file mode 100644
index 0000000000..3059f2815e
--- /dev/null
+++ b/src/extensions/default/TypeScriptSupport/package.json
@@ -0,0 +1,9 @@
+{
+    "name": "typescript-support",
+    "title": "TypeScript/JavaScript Language Support",
+    "description": "Provides TypeScript and JavaScript language intelligence (completion, hover, jump-to-definition, signature help, diagnostics and find-references) via the bundled vtsls language server. Desktop only.",
+    "version": "1.0.0",
+    "engines": {
+        "brackets": ">=2.0.0"
+    }
+}
diff --git a/src/languageTools/DefaultProviders.js b/src/languageTools/DefaultProviders.js
index 816c45b719..7738c7da9c 100644
--- a/src/languageTools/DefaultProviders.js
+++ b/src/languageTools/DefaultProviders.js
@@ -34,16 +34,104 @@ define(function (require, exports, module) {
         ExtensionUtils = require("utils/ExtensionUtils"),
         CommandManager = require("command/CommandManager"),
         Commands = require("command/Commands"),
-        TokenUtils = require("utils/TokenUtils"),
         StringMatch = require("utils/StringMatch"),
         CodeInspection = require("language/CodeInspection"),
         PathConverters = require("languageTools/PathConverters"),
+        TabstopManager = require("editor/TabstopManager"),
+        marked = require("thirdparty/marked.min"),
         matcher = new StringMatch.StringMatcher({
             preferPrefixMatches: true
         });
 
     ExtensionUtils.loadStyleSheet(module, "styles/default_provider_style.css");
 
+    // ----- LSP code-hint documentation popup ---------------------------------------------------
+    // The signature (type) is shown inline in the hint list; the (potentially long) documentation
+    // is shown in a separate popup beside the hint list so the list itself never reflows while
+    // navigating with the arrow keys.
+    var $lspDocPopup = null;
+
+    function _hideDocPopup() {
+        if ($lspDocPopup) {
+            $lspDocPopup.hide().empty();
+        }
+    }
+
+    function _docToHtml(documentation) {
+        if (!documentation) {
+            return "";
+        }
+        var md = (typeof documentation === "string") ? documentation : (documentation.value || "");
+        if (!md.trim()) {
+            return "";
+        }
+        try {
+            return marked.parse(md);
+        } catch (e) {
+            return _.escape(md);
+        }
+    }
+
+    function _showDocPopup($hint, docHtml) {
+        var $menu = $hint.closest(".codehint-menu");
+        if (!docHtml || !$menu.length) {
+            _hideDocPopup();
+            return;
+        }
+        // Make the popup a child of the hint menu so it is removed automatically when the menu is
+        // removed (CodeHintList.close() always does $hintMenu.remove()). This ties its lifecycle
+        // strictly to the code-hint list, regardless of which teardown path fires. It uses
+        // position:fixed, so it is still placed in viewport coordinates and is never clipped.
+        if (!$lspDocPopup || !$lspDocPopup.parent().is($menu)) {
+            $lspDocPopup = $("<div>").addClass("lsp-hint-doc-popup").appendTo($menu);
+        }
+        $lspDocPopup.empty().html(docHtml);
+
+        // Anchor to the actual visible list (ul.dropdown-menu), not the zero-width .codehint-menu
+        // positioning element, so the popup sits flush beside the list without overlapping it.
+        var $list = $hint.closest("ul.dropdown-menu");
+        if (!$list.length) {
+            $list = $menu;
+        }
+        var anchor = $list[0].getBoundingClientRect();
+
+        var GAP = 6;
+        // Measure, then place to the right of the hint list - flipping to the left when there
+        // isn't enough room.
+        $lspDocPopup.css({ display: "block", visibility: "hidden", left: 0, top: 0 });
+        var winW = $(window).width(), winH = $(window).height(),
+            pw = $lspDocPopup.outerWidth(), ph = $lspDocPopup.outerHeight(),
+            left = anchor.right + GAP;
+        if (left + pw > winW - 8) {
+            left = anchor.left - pw - GAP; // not enough room on the right - flip to the left
+        }
+        left = Math.max(8, left);
+        var top = Math.min(anchor.top, Math.max(8, winH - ph - 8));
+        $lspDocPopup.css({ left: left, top: top, visibility: "visible" });
+    }
+
+    function _injectInlineSignature($labelSpan, detail) {
+        if (!detail || !detail.trim() || detail.trim() === "?") {
+            return;
+        }
+        // Append the signature as a sibling of the label (inside .codehint-item) so the flex row
+        // layout (see CSS) lays out label + signature side-by-side without overlap or width change.
+        var text = detail.split("->").join(":").replace(/\s+/g, " ").trim();
+        var $container = $labelSpan.parent(); // .codehint-item
+        if (!$container.length) {
+            $container = $labelSpan;
+        }
+        $container.find(".lsp-hint-sig").remove();
+        // title shows the full signature on hover when it's truncated.
+        $("<span>").addClass("lsp-hint-sig").text(text).attr("title", text).appendTo($container);
+    }
+
+    // Characters that, when typed, implicitly trigger completion in the generic default policy
+    // (identifiers across most languages). A language server config may fully replace this policy
+    // with its own `shouldAutoTrigger(implicitChar, editor)` callback. Server-declared
+    // `triggerCharacters` (e.g. ".", "$", "::", "->") are honored per-language in the default too.
+    var DEFAULT_IDENTIFIER_CHARS = /[A-Za-z0-9_$]/;
+
     function setClient(client) {
         if (client) {
             this.client = client;
@@ -58,26 +146,6 @@ define(function (require, exports, module) {
 
     CodeHintsProvider.prototype.setClient = setClient;
 
-    function formatTypeDataForToken($hintObj, token) {
-        $hintObj.addClass('brackets-hints-with-type-details');
-        if (token.detail) {
-            if (token.detail.trim() !== '?') {
-                if (token.detail.length < 30) {
-                    $('<span>' + token.detail.split('->').join(':').toString().trim() + '</span>').appendTo($hintObj).addClass("brackets-hints-type-details");
-                }
-                $('<span>' + token.detail.split('->').join(':').toString().trim() + '</span>').appendTo($hintObj).addClass("hint-description");
-            }
-        } else {
-            if (token.keyword) {
-                $('<span>keyword</span>').appendTo($hintObj).addClass("brackets-hints-keyword");
-            }
-        }
-        if (token.documentation) {
-            $hintObj.attr('title', token.documentation);
-            $('<span></span>').text(token.documentation.trim()).appendTo($hintObj).addClass("hint-doc");
-        }
-    }
-
     function filterWithQueryAndMatcher(hints, query) {
         var matchResults = $.map(hints, function (hint) {
             var searchResult = matcher.match(hint.label, query);
@@ -103,7 +171,33 @@ define(function (require, exports, module) {
             return false;
         }
 
-        return true;
+        // Explicit invocation (e.g. Ctrl-Space) always shows hints.
+        if (!implicitChar) {
+            return true;
+        }
+
+        // A language server may fully control where hints implicitly appear by supplying a
+        // `shouldAutoTrigger(implicitChar, editor)` callback (e.g. to suppress inside strings or
+        // trigger on language-specific sequences). When provided, it replaces the default policy.
+        var config = this.client.config || {};
+        if (typeof config.shouldAutoTrigger === "function") {
+            return !!config.shouldAutoTrigger(implicitChar, editor);
+        }
+
+        // Default policy: auto-trigger only on identifier characters, so the popup doesn't appear
+        // aggressively on every keystroke (operators, punctuation, etc.).
+        if (DEFAULT_IDENTIFIER_CHARS.test(implicitChar)) {
+            return true;
+        }
+
+        // ...or on a server-declared trigger character (e.g. "." for member access). Whitespace
+        // triggers (some servers list " ") are intentionally ignored - they are too aggressive.
+        var triggerChars = serverCapabilities.completionProvider.triggerCharacters || [];
+        if (implicitChar.trim() && triggerChars.indexOf(implicitChar) !== -1) {
+            return true;
+        }
+
+        return false;
     };
 
     CodeHintsProvider.prototype.getHints = function (implicitChar) {
@@ -121,10 +215,17 @@ define(function (require, exports, module) {
             filePath: docPath,
             cursorPos: pos
         }).done(function (msgObj) {
-            var context = TokenUtils.getInitialContext(editor._codeMirror, pos),
-                hints = [];
-
-            self.query = context.token.string.slice(0, context.pos.ch - context.token.start);
+            var hints = [];
+
+            // The query is the identifier prefix already typed before the cursor (empty right
+            // after a trigger char such as "."). Deriving it from the raw token is wrong - after a
+            // "." the token is "." itself, which would filter out every member completion.
+            var lineText = editor.document.getLine(pos.line),
+                queryStart = pos.ch;
+            while (queryStart > 0 && /[\w$]/.test(lineText.charAt(queryStart - 1))) {
+                queryStart--;
+            }
+            self.query = lineText.substring(queryStart, pos.ch);
             if (msgObj) {
                 var res = msgObj.items,
                     filteredHints = filterWithQueryAndMatcher(res, self.query);
@@ -149,13 +250,15 @@ define(function (require, exports, module) {
                     }
 
                     $fHint.data("token", element);
-                    formatTypeDataForToken($fHint, element);
+                    // The signature is added inline lazily on highlight (onHighlight); the
+                    // documentation is shown in a side popup. See _injectInlineSignature.
                     hints.push($fHint);
                 });
             }
 
             $deferredHints.resolve({
-                "hints": hints
+                "hints": hints,
+                "selectInitial": true
             });
         }).fail(function () {
             $deferredHints.reject();
@@ -164,39 +267,119 @@ define(function (require, exports, module) {
         return $deferredHints;
     };
 
-    CodeHintsProvider.prototype.insertHint = function ($hint) {
-        var editor = EditorManager.getActiveEditor(),
-            cursor = editor.getCursorPos(),
-            token = $hint.data("token"),
-            txt = null,
-            query = this.query,
-            shouldIgnoreQuery = this.ignoreQuery.includes(query),
-            inclusion = shouldIgnoreQuery ? "" : query,
-            start = {
-                line: cursor.line,
-                ch: cursor.ch - inclusion.length
-            },
-            end = {
-                line: cursor.line,
-                ch: cursor.ch
-            };
+    /**
+     * Called when a hint is highlighted. LSP completion lists are lightweight - the type detail
+     * and documentation usually arrive only via `completionItem/resolve`. Resolve the highlighted
+     * item lazily and render its type/docs inline (reusing formatTypeDataForToken so the look
+     * matches the rest of the hint UI).
+     */
+    CodeHintsProvider.prototype.onHighlight = function ($hint) {
+        var self = this;
+        if (!self.client) {
+            _hideDocPopup();
+            return;
+        }
+        var $span = $hint.closest("li").data("hint"),
+            token = $span && $span.data && $span.data("token");
+        if (!token) {
+            _hideDocPopup();
+            return;
+        }
 
-        txt = token.label;
-        if (token.textEdit && token.textEdit.newText) {
-            txt = token.textEdit.newText;
-            start = {
-                line: token.textEdit.range.start.line,
-                ch: token.textEdit.range.start.character
-            };
-            end = {
-                line: token.textEdit.range.end.line,
-                ch: token.textEdit.range.end.character
-            };
+        // Mark this menu as an LSP menu so the flex row layout + stable min-width apply (scoped so
+        // other code-hint providers are unaffected). Done synchronously so it takes effect before
+        // the list is shown.
+        $hint.closest(".codehint-menu").addClass("lsp-hints");
+
+        function present() {
+            // Inline: the signature for the highlighted row. Re-inject every time (it is
+            // idempotent) because the list DOM is rebuilt on each keystroke, which drops a
+            // previously-injected signature. resolveCompletion is cached separately (_lspResolved),
+            // so this does not cause extra LSP requests.
+            if (token.detail) {
+                _injectInlineSignature($span, token.detail);
+            }
+            // Beside the list: the (possibly long) documentation.
+            _showDocPopup($hint, _docToHtml(token.documentation));
         }
 
-        if (editor) {
-            editor.document.replaceRange(txt, start, end);
+        if (token._lspResolved || !self.client.resolveCompletion) {
+            present();
+            return;
         }
+        self.client.resolveCompletion(token).done(function (resolved) {
+            token._lspResolved = true;
+            token.detail = resolved.detail || token.detail;
+            token.documentation = resolved.documentation || token.documentation;
+            // Auto-import edits are commonly supplied only by completionItem/resolve. Carry them (and
+            // a resolve-provided textEdit, when the item lacked one) onto the token so insertHint can
+            // apply them.
+            if (resolved.additionalTextEdits) {
+                token.additionalTextEdits = resolved.additionalTextEdits;
+            }
+            if (!token.textEdit && resolved.textEdit) {
+                token.textEdit = resolved.textEdit;
+            }
+            present();
+        });
+    };
+
+    CodeHintsProvider.prototype.onClose = function () {
+        _hideDocPopup();
+    };
+
+    CodeHintsProvider.prototype.insertHint = function ($hint) {
+        var editor = EditorManager.getActiveEditor();
+        if (!editor) {
+            return false;
+        }
+        var token = $hint.data("token") || {},
+            cursor = editor.getCursorPos(),
+            lineText = editor.document.getLine(cursor.line),
+            textEditRange = token.textEdit && token.textEdit.range,
+            startCh,
+            endCh = cursor.ch;
+        // Anchor the replacement start on the server-provided textEdit.range.start when it is usable.
+        // That start is stable as the user types forward (word/member starts don't move) and, crucially,
+        // for member completions it points AT the trigger "." while newText itself includes the dot
+        // (e.g. "console." + item ".log" -> replace from the "." -> "console.log", not "console..log").
+        // We deliberately end at the CURRENT cursor rather than token.textEdit.range.end: that end is
+        // stale when completions are served from cache while typing continues, which would otherwise
+        // replace only part of the word (e.g. "conso"+enter -> "consolenso").
+        if (textEditRange && textEditRange.start.line === cursor.line &&
+                textEditRange.start.character <= cursor.ch) {
+            startCh = textEditRange.start.character;
+        } else {
+            startCh = cursor.ch;
+            while (startCh > 0 && /[\w$]/.test(lineText.charAt(startCh - 1))) {
+                startCh--;
+            }
+        }
+        var rawText = (token.textEdit && token.textEdit.newText) || token.insertText || token.label || "",
+            startPos = { line: cursor.line, ch: startCh },
+            endPos = { line: cursor.line, ch: endCh };
+
+        if (token.insertTextFormat === 2) {
+            // Snippet completion: let TabstopManager expand $1 / ${1:x} / $0, place the caret at the
+            // first stop (selecting any default placeholder) and, for multi-stop snippets, start a
+            // Tab-navigable session. Its caret/markers follow the additionalTextEdits applied below.
+            TabstopManager.insertSnippet(editor, rawText, startPos, endPos);
+        } else {
+            editor.document.replaceRange(rawText, startPos, endPos);
+        }
+
+        // Apply additionalTextEdits (e.g. the auto-import line). Bottom-to-top keeps their own
+        // coordinates valid; the editor maps the caret and any snippet markers through these edits
+        // automatically, so an import inserted above does not strand the cursor.
+        (token.additionalTextEdits || []).slice().sort(function (a, b) {
+            return (b.range.start.line - a.range.start.line) ||
+                (b.range.start.character - a.range.start.character);
+        }).forEach(function (te) {
+            editor.document.replaceRange(te.newText,
+                { line: te.range.start.line, ch: te.range.start.character },
+                { line: te.range.end.line, ch: te.range.end.character });
+        });
+
         // Return false to indicate that another hinting session is not needed
         return false;
     };
diff --git a/src/languageTools/DocumentHighlight.js b/src/languageTools/DocumentHighlight.js
new file mode 100644
index 0000000000..e60f8ad2ba
--- /dev/null
+++ b/src/languageTools/DocumentHighlight.js
@@ -0,0 +1,177 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * DocumentHighlight - highlights every occurrence of the symbol under the cursor in the active
+ * editor, via the LSP `textDocument/documentHighlight` request. This is the generic, multi-language
+ * replacement for the Tern-only "highlight references under cursor" feature
+ * (extensions/default/JavaScriptRefactoring/HighLightReferences.js).
+ *
+ * It works for any registered language server that advertises `documentHighlightProvider`. Marks
+ * reuse the same visual style as the legacy feature (Editor.getMarkOptionMatchingRefs()).
+ *
+ * @module languageTools/DocumentHighlight
+ */
+define(function (require, exports, module) {
+
+
+    const EditorManager = require("editor/EditorManager"),
+        Editor = require("editor/Editor").Editor;
+
+    const HIGHLIGHT_MARKER = "lsp-document-highlight";
+    const REQUEST_DEBOUNCE_MS = 150;
+
+    // Token types we never highlight on (comments/strings/numbers aren't symbols).
+    const SKIP_TOKEN_TYPES = ["comment", "string", "number"];
+
+    let initialized = false;
+    const registeredClients = [];   // LanguageClient[]
+    let lastTokenKey = null;
+    let debounceTimer = null;
+    let requestSeq = 0;
+
+    function _clientForEditor(editor) {
+        if (!editor) {
+            return null;
+        }
+        const langId = editor.document.getLanguage().getId();
+        for (let i = 0; i < registeredClients.length; i++) {
+            const c = registeredClients[i];
+            if (c.capabilities && c.capabilities.documentHighlightProvider &&
+                    c.languages.indexOf(langId) !== -1) {
+                return c;
+            }
+        }
+        return null;
+    }
+
+    function _hasSingleCursor(editor) {
+        const selections = editor.getSelections();
+        if (selections.length > 1) {
+            return false; // multi-cursor: don't highlight
+        }
+        const start = selections[0].start, end = selections[0].end;
+        return start.line === end.line && start.ch === end.ch; // a caret, not a range
+    }
+
+    function _cursorActivity(_evt, editor) {
+        const client = _clientForEditor(editor);
+        if (!client) {
+            return;
+        }
+        if (!_hasSingleCursor(editor)) {
+            editor.clearAllMarks(HIGHLIGHT_MARKER);
+            lastTokenKey = null;
+            return;
+        }
+
+        const pos = editor.getCursorPos();
+        const token = editor.getToken(pos);
+        const tokenKey = pos.line + ":" + (token ? token.start + ":" + token.string : pos.ch);
+        if (tokenKey === lastTokenKey) {
+            return; // still on the same token - keep existing marks
+        }
+
+        editor.clearAllMarks(HIGHLIGHT_MARKER);
+        lastTokenKey = tokenKey;
+
+        if (!token || !token.string || !/[\w$]/.test(token.string) ||
+                (token.type && SKIP_TOKEN_TYPES.indexOf(token.type) !== -1)) {
+            return;
+        }
+
+        if (debounceTimer) {
+            clearTimeout(debounceTimer);
+        }
+        const seq = ++requestSeq;
+        debounceTimer = setTimeout(function () {
+            debounceTimer = null;
+            client.documentHighlight({ filePath: editor.document.file._path, cursorPos: pos })
+                .done(function (highlights) {
+                    // Ignore stale responses (cursor moved / another request issued / editor changed).
+                    if (seq !== requestSeq || EditorManager.getActiveEditor() !== editor) {
+                        return;
+                    }
+                    if (!highlights || !highlights.length) {
+                        return;
+                    }
+                    editor.operation(function () {
+                        highlights.forEach(function (h) {
+                            if (!h || !h.range) {
+                                return;
+                            }
+                            editor.markText(HIGHLIGHT_MARKER,
+                                { line: h.range.start.line, ch: h.range.start.character },
+                                { line: h.range.end.line, ch: h.range.end.character },
+                                Editor.getMarkOptionMatchingRefs());
+                        });
+                    });
+                })
+                .fail(function () { /* no highlights for this position */ });
+        }, REQUEST_DEBOUNCE_MS);
+    }
+
+    function _activeEditorChanged(evt, current, previous) {
+        if (previous) {
+            previous.off("cursorActivity.lspHighlight");
+        }
+        if (current) {
+            current.off("cursorActivity.lspHighlight");
+            current.on("cursorActivity.lspHighlight", _cursorActivity);
+            lastTokenKey = null;
+            _cursorActivity(evt, current);
+        }
+    }
+
+    /**
+     * Attach the active-editor / cursor listeners. Safe to call multiple times.
+     */
+    function init() {
+        if (initialized) {
+            return;
+        }
+        initialized = true;
+        EditorManager.on("activeEditorChange", _activeEditorChanged);
+        const editor = EditorManager.getActiveEditor();
+        if (editor) {
+            _activeEditorChanged(null, editor, null);
+        }
+    }
+
+    /**
+     * Register a client so its languages get cursor-based occurrence highlighting.
+     * @param {Object} client - a LanguageClient
+     */
+    function registerClient(client) {
+        if (registeredClients.indexOf(client) === -1) {
+            registeredClients.push(client);
+        }
+        // Re-evaluate the current editor now that a new server is available.
+        const editor = EditorManager.getActiveEditor();
+        if (editor) {
+            lastTokenKey = null;
+            _cursorActivity(null, editor);
+        }
+    }
+
+    exports.init = init;
+    exports.registerClient = registerClient;
+    exports.HIGHLIGHT_MARKER = HIGHLIGHT_MARKER;
+});
diff --git a/src/languageTools/DocumentSync.js b/src/languageTools/DocumentSync.js
new file mode 100644
index 0000000000..0d3375a937
--- /dev/null
+++ b/src/languageTools/DocumentSync.js
@@ -0,0 +1,262 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * DocumentSync - drives LSP textDocument lifecycle (didOpen / didChange / didClose) from
+ * Phoenix document events.
+ *
+ * Open/close are ref-counted for free: Phoenix creates a `Document` on first reference and
+ * disposes it (firing `beforeDocumentDelete`) only when the last editor/working-set reference
+ * is gone, so a file open in multiple panes is opened once and closed once.
+ *
+ * `didChange` is debounced and sends the full document text (simple and correct; incremental
+ * sync can be added later). Before any feature request, `flush()` sends the latest pending
+ * change synchronously so the server's view matches the cursor.
+ *
+ * @module languageTools/DocumentSync
+ */
+define(function (require, exports, module) {
+
+
+    const DocumentManager = require("document/DocumentManager"),
+        EditorManager = require("editor/EditorManager");
+
+    const CHANGE_DEBOUNCE_MS = 400;
+
+    let initialized = false;
+    const registeredClients = [];     // LanguageClient[]
+    const tracked = new Map();        // vfsPath -> { client, version, open, pendingTimer }
+
+    function _isSupported(client, doc) {
+        if (!client || !client.capabilities || !doc) {
+            return false;
+        }
+        if (doc.isUntitled && doc.isUntitled()) {
+            return false;
+        }
+        return client.languages.indexOf(doc.getLanguage().getId()) !== -1;
+    }
+
+    function _clientForDoc(doc) {
+        for (let i = 0; i < registeredClients.length; i++) {
+            if (_isSupported(registeredClients[i], doc)) {
+                return registeredClients[i];
+            }
+        }
+        return null;
+    }
+
+    function _lspLanguageId(client, doc) {
+        const langId = doc.getLanguage().getId();
+        const map = client.config && client.config.languageIdMap;
+        return (map && map[langId]) || langId;
+    }
+
+    function _open(client, doc) {
+        const vfsPath = doc.file.fullPath;
+        const text = doc.getText();
+        const state = { client: client, version: 1, open: true, pendingTimer: null, lastSentText: text };
+        tracked.set(vfsPath, state);
+        client.notifyDidOpen(client.uriForPath(vfsPath), _lspLanguageId(client, doc), state.version, text);
+    }
+
+    function _change(client, doc) {
+        const vfsPath = doc.file.fullPath;
+        const state = tracked.get(vfsPath);
+        if (!state || !state.open) {
+            _open(client, doc);
+            return;
+        }
+        const text = doc.getText();
+        state.version += 1;
+        state.lastSentText = text;
+        client.notifyDidChange(client.uriForPath(vfsPath), state.version, text);
+    }
+
+    function _close(doc) {
+        const vfsPath = doc.file.fullPath;
+        const state = tracked.get(vfsPath);
+        if (!state) {
+            return;
+        }
+        if (state.pendingTimer) {
+            clearTimeout(state.pendingTimer);
+        }
+        state.client.notifyDidClose(state.client.uriForPath(vfsPath));
+        tracked.delete(vfsPath);
+    }
+
+    function _onDocumentChange(event, doc) {
+        const client = _clientForDoc(doc);
+        if (!client) {
+            return;
+        }
+        const state = tracked.get(doc.file.fullPath);
+        if (!state || !state.open) {
+            _open(client, doc);
+            return;
+        }
+        if (state.pendingTimer) {
+            clearTimeout(state.pendingTimer);
+        }
+        state.pendingTimer = setTimeout(function () {
+            state.pendingTimer = null;
+            _change(client, doc);
+        }, CHANGE_DEBOUNCE_MS);
+    }
+
+    function _onAfterDocumentCreate(event, doc) {
+        const client = _clientForDoc(doc);
+        if (client && !tracked.has(doc.file.fullPath)) {
+            _open(client, doc);
+        }
+    }
+
+    function _onBeforeDocumentDelete(event, doc) {
+        _close(doc);
+    }
+
+    function _onDocumentRefreshed(event, doc) {
+        if (!tracked.has(doc.file.fullPath)) {
+            return;
+        }
+        // Treat a refresh-from-disk as close + reopen so the server resyncs from a version 1.
+        _close(doc);
+        const client = _clientForDoc(doc);
+        if (client) {
+            _open(client, doc);
+        }
+    }
+
+    function _onActiveEditorChange(event, current) {
+        // Safety net: guarantee the document the user is actually looking at is synced, even if its
+        // afterDocumentCreate happened while the server was (re)starting (e.g. session-restored
+        // files on a project switch).
+        if (!current || !current.document) {
+            return;
+        }
+        const doc = current.document;
+        const client = _clientForDoc(doc);
+        const state = tracked.get(doc.file.fullPath);
+        if (client && (!state || !state.open)) {
+            _open(client, doc);
+        }
+    }
+
+    /**
+     * Attach the document lifecycle listeners. Safe to call multiple times.
+     */
+    function init() {
+        if (initialized) {
+            return;
+        }
+        initialized = true;
+        DocumentManager.on(DocumentManager.EVENT_DOCUMENT_CHANGE, _onDocumentChange);
+        DocumentManager.on(DocumentManager.EVENT_AFTER_DOCUMENT_CREATE, _onAfterDocumentCreate);
+        DocumentManager.on(DocumentManager.EVENT_BEFORE_DOCUMENT_DELETE, _onBeforeDocumentDelete);
+        DocumentManager.on(DocumentManager.EVENT_DOCUMENT_REFRESHED, _onDocumentRefreshed);
+        EditorManager.on("activeEditorChange", _onActiveEditorChange);
+    }
+
+    /**
+     * Register a client so its languages participate in document sync.
+     * @param {Object} client - a LanguageClient
+     */
+    function registerClient(client) {
+        if (registeredClients.indexOf(client) === -1) {
+            registeredClients.push(client);
+        }
+    }
+
+    /**
+     * Send didOpen for any already-open documents that this client supports. Used when a server
+     * starts (or restarts) after documents are already open.
+     * @param {Object} client - a LanguageClient
+     */
+    function openSupportedDocuments(client) {
+        DocumentManager.getAllOpenDocuments().forEach(function (doc) {
+            if (_isSupported(client, doc)) {
+                // Always (re)send didOpen with the current content. This is called right after a
+                // server (re)start, so any prior tracking is stale and must not be trusted - e.g.
+                // a didOpen that failed during a restart's down-window would otherwise leave the
+                // file marked "open" but absent from the new server.
+                _open(client, doc);
+            }
+        });
+    }
+
+    /**
+     * Ensure the server has the latest content for a file before a feature request: opens the
+     * document if needed and flushes any pending debounced change immediately.
+     * @param {Object} client - a LanguageClient
+     * @param {string} vfsPath - the document's VFS path
+     * @return {Promise<void>}
+     */
+    function flush(client, vfsPath) {
+        return new Promise(function (resolve) {
+            const doc = DocumentManager.getOpenDocumentForPath(vfsPath);
+            if (!doc) {
+                resolve();
+                return;
+            }
+            const state = tracked.get(vfsPath);
+            if (!state || !state.open) {
+                _open(client, doc);
+            } else {
+                // Always clear any pending debounce and send if the document text differs from what
+                // the server last received. Gating on `pendingTimer` alone is racy: EVENT_DOCUMENT_CHANGE
+                // has multiple listeners and the feature request (e.g. completion on ".") can reach
+                // flush() before _onDocumentChange has set the timer, leaving the server a keystroke
+                // behind - so a member completion ("console.") would be answered against stale text
+                // ("console") and return globals.
+                if (state.pendingTimer) {
+                    clearTimeout(state.pendingTimer);
+                    state.pendingTimer = null;
+                }
+                if (doc.getText() !== state.lastSentText) {
+                    _change(client, doc);
+                }
+            }
+            resolve();
+        });
+    }
+
+    /**
+     * Forget all documents tracked for a client (used when its server stops/restarts). Does not
+     * send didClose since the server is going away.
+     * @param {Object} client - a LanguageClient
+     */
+    function clearServer(client) {
+        tracked.forEach(function (state, vfsPath) {
+            if (state.client === client) {
+                if (state.pendingTimer) {
+                    clearTimeout(state.pendingTimer);
+                }
+                tracked.delete(vfsPath);
+            }
+        });
+    }
+
+    exports.init = init;
+    exports.registerClient = registerClient;
+    exports.openSupportedDocuments = openSupportedDocuments;
+    exports.flush = flush;
+    exports.clearServer = clearServer;
+});
diff --git a/src/languageTools/HoverProvider.js b/src/languageTools/HoverProvider.js
new file mode 100644
index 0000000000..f17652f9d3
--- /dev/null
+++ b/src/languageTools/HoverProvider.js
@@ -0,0 +1,114 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * HoverProvider - shows LSP `textDocument/hover` documentation on mouse hover via the
+ * QuickViewManager. This is the one provider the legacy DefaultProviders did not have.
+ *
+ * @module languageTools/HoverProvider
+ */
+define(function (require, exports, module) {
+
+
+    // Hover styling lives in src/styles/brackets.less (.lsp-hover-quickview) so it tracks the
+    // active light/dark theme.
+    const marked = require("thirdparty/marked.min");
+
+    /**
+     * Convert LSP hover `contents` (MarkupContent | MarkedString | string | array of those)
+     * into a single markdown string.
+     */
+    function _contentsToMarkdown(contents) {
+        if (!contents) {
+            return "";
+        }
+        if (typeof contents === "string") {
+            return contents;
+        }
+        if (Array.isArray(contents)) {
+            return contents.map(_contentsToMarkdown).filter(Boolean).join("\n\n---\n\n");
+        }
+        if (contents.kind) {
+            // MarkupContent { kind: 'markdown' | 'plaintext', value }
+            return contents.value || "";
+        }
+        if (contents.language) {
+            // MarkedString { language, value }
+            return "```" + contents.language + "\n" + (contents.value || "") + "\n```";
+        }
+        return contents.value || "";
+    }
+
+    function _renderContents(contents) {
+        const markdown = _contentsToMarkdown(contents);
+        if (!markdown || !markdown.trim()) {
+            return null;
+        }
+        try {
+            return marked.parse(markdown);
+        } catch (e) {
+            return null;
+        }
+    }
+
+    /**
+     * @param {Object} client - a LanguageClient from LSPClient.js
+     */
+    function HoverProvider(client) {
+        this.client = client;
+        this.QUICK_VIEW_NAME = "lsp.hover." + client.serverId;
+    }
+
+    HoverProvider.prototype.getQuickView = function (editor, pos, token, line) {
+        const self = this;
+        return new Promise(function (resolve, reject) {
+            if (!self.client || !self.client.getServerCapabilities() ||
+                    !self.client.getServerCapabilities().hoverProvider) {
+                reject();
+                return;
+            }
+            const filePath = editor.document.file._path;
+            self.client.requestHover({ filePath: filePath, cursorPos: pos })
+                .done(function (hover) {
+                    const html = hover && _renderContents(hover.contents);
+                    if (!html) {
+                        reject();
+                        return;
+                    }
+                    let start = { line: pos.line, ch: token.start };
+                    let end = { line: pos.line, ch: token.end };
+                    if (hover.range) {
+                        start = { line: hover.range.start.line, ch: hover.range.start.character };
+                        end = { line: hover.range.end.line, ch: hover.range.end.character };
+                    }
+                    resolve({
+                        start: start,
+                        end: end,
+                        content: $("<div>").addClass("lsp-hover-quickview").html(html)
+                    });
+                })
+                .fail(function () {
+                    reject();
+                });
+        });
+    };
+
+    exports.HoverProvider = HoverProvider;
+});
diff --git a/src/languageTools/LSPClient.js b/src/languageTools/LSPClient.js
new file mode 100644
index 0000000000..bde5b6c65b
--- /dev/null
+++ b/src/languageTools/LSPClient.js
@@ -0,0 +1,660 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/**
+ * LSPClient - browser-side Language Server Protocol client (desktop only).
+ *
+ * This is the thin, modern replacement for the legacy `LanguageClientWrapper` + NodeDomain
+ * transport. It owns a single shared `ph-lsp` NodeConnector and a multi-server registry
+ * keyed by `serverId`, and talks to the Node-side `src-node/lsp-client.js`.
+ *
+ * Language extensions only call `registerLanguageServer(config)`; this module then:
+ *   - lazily loads the node LSP module on demand (keeps boot fast),
+ *   - spawns + `initialize`s the server,
+ *   - instantiates the standard providers from `DefaultProviders` (completion, signatureHelp,
+ *     definition, references, diagnostics) plus the `HoverProvider`, and registers each with
+ *     its Phoenix manager (CodeHintManager, ParameterHintsManager, JumpToDefManager,
+ *     FindReferencesManager, CodeInspection, QuickViewManager),
+ *   - drives document lifecycle through `DocumentSync`.
+ *
+ * Each `LanguageClient` exposes exactly the method surface `DefaultProviders` expects
+ * (`getServerCapabilities`, `requestHints`, `requestParameterHints`, `gotoDefinition`,
+ * `findReferences`, plus the new `requestHover`). All translation between Phoenix
+ * `{line, ch}` / VFS paths and LSP `{line, character}` / `file://` URIs (including the
+ * `/tauri` virtual-path prefix used by the desktop build) happens here so the providers stay
+ * transport-agnostic.
+ *
+ * @module languageTools/LSPClient
+ */
+
+/* eslint max-len: ["error", { "code": 120 }] */
+define(function (require, exports, module) {
+
+
+    const NodeConnector         = require("NodeConnector"),
+        NodeUtils               = require("utils/NodeUtils"),
+        ProjectManager          = require("project/ProjectManager"),
+        DocumentManager         = require("document/DocumentManager"),
+        FileUtils               = require("file/FileUtils"),
+        PathConverters          = require("languageTools/PathConverters"),
+        DefaultProviders        = require("languageTools/DefaultProviders"),
+        HoverProvider           = require("languageTools/HoverProvider"),
+        DocumentSync            = require("languageTools/DocumentSync"),
+        DocumentHighlight       = require("languageTools/DocumentHighlight"),
+        CodeHintManager         = require("editor/CodeHintManager"),
+        ParameterHintsManager   = require("features/ParameterHintsManager"),
+        JumpToDefManager        = require("features/JumpToDefManager"),
+        FindReferencesManager   = require("features/FindReferencesManager"),
+        QuickViewManager        = require("features/QuickViewManager"),
+        CodeInspection          = require("language/CodeInspection");
+
+    const LSP_CONNECTOR_ID = "ph-lsp";
+    // Relative path required on the node side (resolved from src-node/utils.js). Lazy-loads the
+    // node LSP module the first time we connect, so node boot is unaffected.
+    const NODE_LSP_MODULE = "./lsp-client";
+    // LSP providers register above the built-in (e.g. Tern) providers so the language server
+    // wins when it is available, falling back gracefully when it is not.
+    const DEFAULT_PRIORITY = 1;
+
+    let connectorPromise = null;
+    let connector = null;
+    const clients = new Map(); // serverId -> LanguageClient
+
+    // ------------------------------------------------------------------------------------------
+    // Path / coordinate translation (VFS <-> real OS path <-> file:// URI)
+    // ------------------------------------------------------------------------------------------
+
+    function _toPlatformPath(vfsPath) {
+        if (window.fs && window.fs.getTauriPlatformPath) {
+            const platformPath = window.fs.getTauriPlatformPath(vfsPath);
+            if (platformPath) {
+                return platformPath;
+            }
+        }
+        return vfsPath;
+    }
+
+    function _toVirtualPath(platformPath) {
+        if (window.fs && window.fs.getTauriVirtualPath) {
+            return window.fs.getTauriVirtualPath(platformPath);
+        }
+        return platformPath;
+    }
+
+    /** Convert a Phoenix VFS path to the `file://` URI the server understands (real OS path). */
+    function pathToServerUri(vfsPath) {
+        return PathConverters.pathToUri(_toPlatformPath(vfsPath));
+    }
+
+    /** Convert a server `file://` URI (real OS path) back to a VFS-based `file://` URI. */
+    function serverUriToVfsUri(serverUri) {
+        const platformPath = PathConverters.uriToPath(serverUri);
+        return PathConverters.pathToUri(_toVirtualPath(platformPath));
+    }
+
+    function _markupToString(documentation) {
+        if (!documentation) {
+            return "";
+        }
+        if (typeof documentation === "string") {
+            return documentation;
+        }
+        return documentation.value || "";
+    }
+
+    function _paramLabel(signatureLabel, paramLabel) {
+        if (Array.isArray(paramLabel)) {
+            // LSP allows [start, end] offsets into the signature label.
+            return signatureLabel.substring(paramLabel[0], paramLabel[1]);
+        }
+        return paramLabel;
+    }
+
+    function _normalizeLocation(loc) {
+        if (!loc) {
+            return null;
+        }
+        const uri = loc.uri || loc.targetUri;
+        const range = loc.range || loc.targetSelectionRange || loc.targetRange;
+        if (!uri || !range) {
+            return null;
+        }
+        return { uri: serverUriToVfsUri(uri), range: range };
+    }
+
+    // ------------------------------------------------------------------------------------------
+    // Shared connector (lazy)
+    // ------------------------------------------------------------------------------------------
+
+    function getConnector() {
+        if (!connectorPromise) {
+            connectorPromise = (async function () {
+                // Lazy-load the node LSP module on first use so it does not slow node boot.
+                await NodeUtils._loadNodeExtensionModule(NODE_LSP_MODULE);
+                connector = NodeConnector.createNodeConnector(LSP_CONNECTOR_ID, {});
+                connector.on("lspNotification", _onLspNotification);
+                connector.on("serverExit", _onServerExit);
+                connector.on("serverError", _onServerError);
+                return connector;
+            }());
+        }
+        return connectorPromise;
+    }
+
+    function _onLspNotification(_event, data) {
+        if (!data) {
+            return;
+        }
+        const client = clients.get(data.serverId);
+        if (!client) {
+            return;
+        }
+        if (data.method === "textDocument/publishDiagnostics" && client.lintingProvider) {
+            const params = data.params || {};
+            // Rewrite the URI to a VFS-based URI so the linting provider keys results by the
+            // same path CodeInspection uses (editor.document.file._path).
+            client.lintingProvider.setInspectionResults({
+                uri: serverUriToVfsUri(params.uri),
+                diagnostics: params.diagnostics || []
+            });
+        }
+    }
+
+    const MAX_AUTO_RESTARTS = 3;
+
+    function _onServerExit(_event, data) {
+        const client = data && clients.get(data.serverId);
+        if (!client) {
+            return;
+        }
+        client.capabilities = null;
+        DocumentSync.clearServer(client);
+        if (client._stopping) {
+            return; // Intentional stop/restart - do not auto-restart here.
+        }
+        // Unexpected crash - log it loudly (with the server's stderr) so failures are never
+        // silent, then self-heal with a bounded backoff to recover without a reload.
+        console.error("[LSP] server '" + data.serverId + "' exited unexpectedly (code=" + data.code +
+            (data.signal ? ", signal=" + data.signal : "") + ")." +
+            (data.stderr ? "\n--- server stderr ---\n" + data.stderr : ""));
+        client._crashCount = (client._crashCount || 0) + 1;
+        if (client._crashCount > MAX_AUTO_RESTARTS) {
+            console.error("[LSP]", client.serverId, "exited repeatedly; not restarting");
+            return;
+        }
+        setTimeout(function () {
+            if (!clients.has(client.serverId) || client.capabilities) {
+                return;
+            }
+            _startAndInit(client).then(function () {
+                client._crashCount = 0;
+                DocumentSync.openSupportedDocuments(client);
+            }).catch(function (err) {
+                console.error("[LSP] auto-restart failed", client.serverId, err && (err.message || err));
+            });
+        }, 1000 * client._crashCount);
+    }
+
+    function _onServerError(_event, data) {
+        if (data) {
+            console.error("[LSP] server error", data.serverId, data.error);
+        }
+    }
+
+    // ------------------------------------------------------------------------------------------
+    // LanguageClient - one per server, exposes the provider-facing method surface
+    // ------------------------------------------------------------------------------------------
+
+    function LanguageClient(serverId, languages, config) {
+        this.serverId = serverId;
+        this.languages = languages;
+        this.config = config;
+        this.capabilities = null;
+    }
+
+    LanguageClient.prototype.getServerCapabilities = function () {
+        return this.capabilities;
+    };
+
+    LanguageClient.prototype.uriForPath = function (vfsPath) {
+        return pathToServerUri(vfsPath);
+    };
+
+    LanguageClient.prototype._request = function (method, params) {
+        const serverId = this.serverId;
+        return getConnector().then(function (conn) {
+            return conn.execPeer("sendRequest", { serverId: serverId, method: method, params: params });
+        });
+    };
+
+    LanguageClient.prototype._notify = function (method, params) {
+        const serverId = this.serverId;
+        return getConnector().then(function (conn) {
+            return conn.execPeer("sendNotification", { serverId: serverId, method: method, params: params });
+        }).catch(function (err) {
+            // Notifications are best-effort (the server may be restarting). Don't let it become an
+            // unhandled rejection, but still surface it as a warning so we are not blind.
+            console.warn("[LSP] notification '" + method + "' failed:", err && (err.message || err));
+        });
+    };
+
+    // Document lifecycle notifications used by DocumentSync.
+    LanguageClient.prototype.notifyDidOpen = function (uri, languageId, version, text) {
+        return this._notify("textDocument/didOpen", {
+            textDocument: { uri: uri, languageId: languageId, version: version, text: text }
+        });
+    };
+    LanguageClient.prototype.notifyDidChange = function (uri, version, text) {
+        return this._notify("textDocument/didChange", {
+            textDocument: { uri: uri, version: version },
+            contentChanges: [{ text: text }]
+        });
+    };
+    LanguageClient.prototype.notifyDidClose = function (uri) {
+        return this._notify("textDocument/didClose", { textDocument: { uri: uri } });
+    };
+
+    function _positionOf(cursorPos) {
+        return { line: cursorPos.line, character: cursorPos.ch };
+    }
+
+    // Build a cache key identifying the current completion "context": the file, line, the column
+    // where the word under the cursor starts, and the text on the line before that word. While the
+    // user types/moves within the same word, this key stays constant, so we can reuse the server's
+    // (complete) result and filter client-side instead of re-querying. That avoids slow late
+    // responses rebuilding the list mid-navigation.
+    function _completionContextKey(filePath, pos) {
+        const doc = DocumentManager.getOpenDocumentForPath(filePath);
+        if (!doc) {
+            return null;
+        }
+        const lineText = doc.getLine(pos.line) || "";
+        let start = pos.ch;
+        while (start > 0 && /[\w$]/.test(lineText.charAt(start - 1))) {
+            start--;
+        }
+        return filePath + "|" + pos.line + "|" + lineText.substring(0, start);
+    }
+
+    LanguageClient.prototype.requestHints = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                // Reuse the cached (complete) completion list while still in the same completion
+                // context, so typing/cursor-moves within a word don't re-hit the server.
+                const ctxKey = _completionContextKey(params.filePath, params.cursorPos);
+                if (ctxKey && self._completionCache && self._completionCache.key === ctxKey) {
+                    deferred.resolve({ items: self._completionCache.items });
+                    return;
+                }
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/completion", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos)
+                });
+                const isIncomplete = !!(result && !Array.isArray(result) && result.isIncomplete);
+                const items = (result && (result.items || result)) || [];
+                items.forEach(function (item) {
+                    // Keep the full server item (its `data` is needed for completionItem/resolve);
+                    // just coerce documentation to a string for inline display.
+                    item.documentation = _markupToString(item.documentation);
+                });
+                // Only cache a complete list (an incomplete one must be re-queried as the user types).
+                self._completionCache = (ctxKey && !isIncomplete) ? { key: ctxKey, items: items } : null;
+                deferred.resolve({ items: items });
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.requestParameterHints = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/signatureHelp", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos)
+                });
+                if (!result || !result.signatures || !result.signatures.length) {
+                    deferred.reject();
+                    return;
+                }
+                const signatures = result.signatures.map(function (sig) {
+                    return {
+                        documentation: _markupToString(sig.documentation) || sig.label,
+                        parameters: (sig.parameters || []).map(function (p) {
+                            return {
+                                label: _paramLabel(sig.label, p.label),
+                                documentation: _markupToString(p.documentation)
+                            };
+                        })
+                    };
+                });
+                deferred.resolve({ signatures: signatures, activeParameter: result.activeParameter });
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.gotoDefinition = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/definition", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos)
+                });
+                if (!result || (Array.isArray(result) && !result.length)) {
+                    deferred.reject();
+                    return;
+                }
+                if (Array.isArray(result)) {
+                    const locations = result.map(_normalizeLocation).filter(Boolean);
+                    if (!locations.length) {
+                        deferred.reject();
+                        return;
+                    }
+                    deferred.resolve(locations);
+                } else {
+                    deferred.resolve(_normalizeLocation(result));
+                }
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.findReferences = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/references", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos),
+                    context: { includeDeclaration: true }
+                });
+                const locations = Array.isArray(result) ? result.map(_normalizeLocation).filter(Boolean) : [];
+                deferred.resolve(locations);
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.resolveCompletion = function (item) {
+        const deferred = $.Deferred();
+        if (!this.capabilities || !this.capabilities.completionProvider ||
+                !this.capabilities.completionProvider.resolveProvider) {
+            return deferred.resolve(item).promise(); // server can't enrich items
+        }
+        this._request("completionItem/resolve", item).then(function (resolved) {
+            const out = resolved || item;
+            out.documentation = _markupToString(out.documentation);
+            deferred.resolve(out);
+        }, function () {
+            deferred.resolve(item); // fall back to the unresolved item
+        });
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.documentHighlight = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/documentHighlight", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos)
+                });
+                deferred.resolve(Array.isArray(result) ? result : []);
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    LanguageClient.prototype.requestHover = function (params) {
+        const self = this;
+        const deferred = $.Deferred();
+        (async function () {
+            try {
+                await DocumentSync.flush(self, params.filePath);
+                const result = await self._request("textDocument/hover", {
+                    textDocument: { uri: self.uriForPath(params.filePath) },
+                    position: _positionOf(params.cursorPos)
+                });
+                deferred.resolve(result);
+            } catch (err) {
+                console.warn("[LSP] request failed:", err && (err.message || err));
+                deferred.reject(err);
+            }
+        }());
+        return deferred.promise();
+    };
+
+    // ------------------------------------------------------------------------------------------
+    // Server lifecycle + provider registration
+    // ------------------------------------------------------------------------------------------
+
+    function _projectRootPath() {
+        const root = ProjectManager.getProjectRoot();
+        return root ? root.fullPath : null;
+    }
+
+    function _clientCapabilities() {
+        return {
+            textDocument: {
+                synchronization: {
+                    dynamicRegistration: false,
+                    didSave: true,
+                    willSave: false,
+                    willSaveWaitUntil: false
+                },
+                completion: {
+                    dynamicRegistration: false,
+                    completionItem: {
+                        snippetSupport: false,
+                        documentationFormat: ["markdown", "plaintext"]
+                    }
+                },
+                hover: { dynamicRegistration: false, contentFormat: ["markdown", "plaintext"] },
+                signatureHelp: {
+                    dynamicRegistration: false,
+                    signatureInformation: { documentationFormat: ["markdown", "plaintext"] }
+                },
+                definition: { dynamicRegistration: false },
+                references: { dynamicRegistration: false },
+                publishDiagnostics: { relatedInformation: false }
+            },
+            workspace: { workspaceFolders: true, configuration: false }
+        };
+    }
+
+    async function _startAndInit(client) {
+        const config = client.config;
+        const conn = await getConnector();
+        const rootVfsPath = (config.rootUriProvider && config.rootUriProvider()) || _projectRootPath();
+        const rootUri = rootVfsPath ? pathToServerUri(rootVfsPath) : null;
+        const rootName = rootVfsPath ? FileUtils.getBaseName(rootVfsPath) : "root";
+
+        await conn.execPeer("startServer", {
+            serverId: client.serverId,
+            command: config.command,
+            args: config.args || ["--stdio"],
+            rootUri: rootUri
+        });
+
+        const initResult = await conn.execPeer("sendRequest", {
+            serverId: client.serverId,
+            method: "initialize",
+            params: {
+                processId: null,
+                rootUri: rootUri,
+                workspaceFolders: rootUri ? [{ uri: rootUri, name: rootName }] : null,
+                capabilities: _clientCapabilities(),
+                initializationOptions: config.initializationOptions || {}
+            }
+        });
+        client.capabilities = (initResult && initResult.capabilities) || {};
+
+        await conn.execPeer("sendNotification", {
+            serverId: client.serverId,
+            method: "initialized",
+            params: {}
+        });
+    }
+
+    function _registerProviders(client) {
+        const langs = client.languages;
+
+        client.codeHints = new DefaultProviders.CodeHintsProvider(client);
+        client.parameterHints = new DefaultProviders.ParameterHintsProvider(client);
+        client.jumpToDef = new DefaultProviders.JumpToDefProvider(client);
+        client.references = new DefaultProviders.ReferencesProvider(client);
+        client.lintingProvider = new DefaultProviders.LintingProvider();
+        client.lintingProvider._validateOnType = true;
+        client.hover = new HoverProvider.HoverProvider(client);
+
+        CodeHintManager.registerHintProvider(client.codeHints, langs, DEFAULT_PRIORITY);
+        ParameterHintsManager.registerHintProvider(client.parameterHints, langs, DEFAULT_PRIORITY);
+        JumpToDefManager.registerJumpToDefProvider(client.jumpToDef, langs, DEFAULT_PRIORITY);
+        FindReferencesManager.registerFindReferencesProvider(client.references, langs, DEFAULT_PRIORITY);
+        QuickViewManager.registerQuickViewProvider(client.hover, langs);
+
+        langs.forEach(function (lang) {
+            CodeInspection.register(lang, {
+                name: client.serverId + " (LSP)",
+                scanFileAsync: function (text, fullPath) {
+                    // Diagnostics are pushed asynchronously by the server (publishDiagnostics),
+                    // so never block the scan waiting for them - return whatever is cached now and
+                    // let setInspectionResults() trigger a re-scan when fresh diagnostics arrive.
+                    // (Blocking here would surface CodeInspection's 10s "timed out" error.)
+                    const cached = client.lintingProvider.getInspectionResults(text, fullPath);
+                    return $.Deferred().resolve(cached || { errors: [] }).promise();
+                }
+            });
+        });
+    }
+
+    /**
+     * Register and start a language server, wiring all providers into the editor.
+     *
+     * @param {Object} config
+     * @param {string} config.serverId - unique id for the server (e.g. "typescript")
+     * @param {string} config.command - server binary (resolved from node_modules/.bin then PATH)
+     * @param {string[]} [config.args=["--stdio"]] - server arguments
+     * @param {string[]} config.languages - Phoenix language ids this server handles
+     * @param {Object} [config.initializationOptions] - LSP initializationOptions for the server
+     * @param {Object} [config.languageIdMap] - map of Phoenix langId -> LSP languageId
+     * @param {function(string, Editor):boolean} [config.shouldAutoTrigger] - decides whether a
+     *        typed character should implicitly open the hint list. Receives (implicitChar, editor).
+     *        When omitted, a generic default is used (identifier chars + the server's non-whitespace
+     *        triggerCharacters). Explicit invocation (Ctrl-Space) always shows hints regardless.
+     * @param {function():string} [config.rootUriProvider] - returns the workspace root VFS path
+     * @return {Promise<LanguageClient|null>} the client, or null if it could not be started
+     */
+    async function registerLanguageServer(config) {
+        if (clients.has(config.serverId)) {
+            return clients.get(config.serverId);
+        }
+        const client = new LanguageClient(config.serverId, config.languages, config);
+        // Register eagerly so a publishDiagnostics arriving during init is not dropped.
+        clients.set(config.serverId, client);
+        try {
+            await _startAndInit(client);
+            _registerProviders(client);
+            DocumentSync.init();
+            DocumentSync.registerClient(client);
+            DocumentSync.openSupportedDocuments(client);
+            DocumentHighlight.init();
+            DocumentHighlight.registerClient(client);
+            return client;
+        } catch (err) {
+            console.error("[LSP] failed to start server", config.serverId, err && (err.message || err));
+            clients.delete(config.serverId);
+            return null;
+        }
+    }
+
+    /**
+     * Stop a running language server and restart it (e.g. on project switch) with the current
+     * workspace root. Provider registrations are preserved; only the server process is recycled.
+     *
+     * @param {string} serverId
+     * @return {Promise<void>}
+     */
+    async function restartLanguageServer(serverId) {
+        const client = clients.get(serverId);
+        if (!client) {
+            return;
+        }
+        await stopServerProcess(client);
+        try {
+            await _startAndInit(client);
+            DocumentSync.openSupportedDocuments(client);
+        } catch (err) {
+            console.error("[LSP] failed to restart server", serverId, err && (err.message || err));
+        }
+    }
+
+    async function stopServerProcess(client) {
+        const conn = await getConnector();
+        client._stopping = true; // Suppress auto-restart for this intentional stop.
+        // Clear capabilities and document tracking up front so that, during the teardown
+        // down-window, no feature/sync request treats the server as alive and no failed didOpen
+        // leaves a stale "open" entry that would block the post-restart re-sync.
+        client.capabilities = null;
+        client._completionCache = null;
+        DocumentSync.clearServer(client);
+        try {
+            await conn.execPeer("sendRequest", { serverId: client.serverId, method: "shutdown", params: null });
+            await conn.execPeer("sendNotification", { serverId: client.serverId, method: "exit", params: null });
+        } catch (e) {
+            // Server may already be dead; fall through to a hard stop.
+        }
+        await conn.execPeer("stopServer", { serverId: client.serverId });
+        client._stopping = false;
+    }
+
+    exports.registerLanguageServer = registerLanguageServer;
+    exports.restartLanguageServer = restartLanguageServer;
+    exports.pathToServerUri = pathToServerUri;
+    exports.serverUriToVfsUri = serverUriToVfsUri;
+});
diff --git a/src/languageTools/styles/default_provider_style.css b/src/languageTools/styles/default_provider_style.css
index 7c99828202..4e84459c58 100644
--- a/src/languageTools/styles/default_provider_style.css
+++ b/src/languageTools/styles/default_provider_style.css
@@ -89,6 +89,63 @@ span.brackets-hints-with-type-details {
     font-family: SourceCodePro;
 }
 
+/* LSP completion signature (VS Code style). The list keeps a STABLE width and each row is a flex
+   line: the label (flexible, truncates with ellipsis) and the highlighted row's signature
+   (fixed-size) sit side-by-side, so they never overlap and arrow-navigation never resizes the
+   popup. Scoped to `.lsp-hints` menus so other providers are unaffected. Full signature is in the
+   side doc popup. */
+.codehint-menu.lsp-hints .dropdown-menu {
+    /* Fixed width so the list never resizes while navigating (the Bootstrap dropdown is
+       shrink-to-fit, so a min-width floor isn't enough - it would still grow per row). The flex
+       row below truncates the label/signature to fit. Matches VS Code's stable-width list. */
+    width: 380px;
+    min-width: 380px;
+    max-width: 380px;
+}
+
+/* Make the <a> the flex container so the row template's whitespace text nodes collapse (a
+   block-level .codehint-item would otherwise add an extra line box, making rows ~2x tall). */
+.codehint-menu.lsp-hints li a {
+    display: flex;
+    align-items: center;
+}
+
+.codehint-menu.lsp-hints .codehint-item {
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+    align-items: center;
+}
+
+.codehint-menu.lsp-hints .codehint-item > .brackets-hints {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.lsp-hint-sig {
+    display: none;
+}
+
+.highlight .lsp-hint-sig {
+    display: block;
+    flex: 0 0 auto;
+    margin-left: 12px;
+    max-width: 55%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-style: italic;
+    font-size: 11px;
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.dark .highlight .lsp-hint-sig {
+    color: rgba(255, 255, 255, 0.65);
+}
+
 .brackets-hints .matched-hint {
     font-weight: 500;
     color: #437900;
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
index 14c5192767..24d1c963b6 100644
--- a/src/styles/brackets.less
+++ b/src/styles/brackets.less
@@ -2142,6 +2142,227 @@ a, img {
     }
 }
 
+// LSP hover documentation (rendered inside #quick-view-container)
+.lsp-hover-quickview {
+    text-align: left;
+    max-width: 520px;
+    max-height: 320px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 2px 4px;
+    font-size: 12.5px;
+    line-height: 1.5;
+    color: @bc-text;
+    word-wrap: break-word;
+
+    .dark & {
+        color: @dark-bc-text;
+    }
+
+    // First block is the function/type signature (a ```ts``` fence): the visual focal point.
+    pre {
+        margin: 0 0 9px 0;
+        padding: 8px 11px;
+        background: @bc-panel-bg-alt;
+        border: 1px solid rgba(0, 0, 0, 0.10);
+        border-radius: 6px;
+        overflow-x: auto;
+        white-space: pre;
+
+        .dark & {
+            background: #1c1c1c;
+            border-color: rgba(255, 255, 255, 0.09);
+        }
+    }
+
+    pre code {
+        font-family: 'SourceCodePro', 'SF Mono', Menlo, Consolas, monospace;
+        font-size: 12px;
+        line-height: 1.5;
+        color: @bc-text-emphasized;
+        background: none;
+        padding: 0;
+        border: 0;
+
+        .dark & {
+            color: @dark-bc-text-emphasized;
+        }
+    }
+
+    // Inline code: parameter names, types, identifiers.
+    code {
+        font-family: 'SourceCodePro', 'SF Mono', Menlo, Consolas, monospace;
+        font-size: 11.5px;
+        padding: 1px 5px;
+        border-radius: 4px;
+        background: rgba(0, 0, 0, 0.06);
+        color: @bc-text-emphasized;
+
+        .dark & {
+            background: rgba(255, 255, 255, 0.08);
+            color: @dark-bc-text-emphasized;
+        }
+    }
+
+    p {
+        margin: 6px 0;
+    }
+    p:first-of-type {
+        margin-top: 0;
+    }
+    p:last-child {
+        margin-bottom: 0;
+    }
+
+    // JSDoc tags (@param, @returns, ...) arrive as emphasis - present them as crisp accent labels.
+    em {
+        font-style: normal;
+        font-weight: 600;
+        color: @bc-text-link;
+
+        .dark & {
+            color: @dark-bc-text-link;
+        }
+    }
+
+    strong {
+        font-weight: 600;
+        color: @bc-text-emphasized;
+        .dark & {
+            color: @dark-bc-text-emphasized;
+        }
+    }
+
+    a {
+        color: @bc-text-link;
+        text-decoration: none;
+        .dark & {
+            color: @dark-bc-text-link;
+        }
+        &:hover {
+            text-decoration: underline;
+        }
+    }
+
+    // Separator between signature/sections (rendered from markdown `---`).
+    hr {
+        border: 0;
+        border-top: 1px solid rgba(0, 0, 0, 0.08);
+        margin: 9px 0;
+        .dark & {
+            border-top-color: rgba(255, 255, 255, 0.08);
+        }
+    }
+
+    ul, ol {
+        margin: 5px 0;
+        padding-left: 18px;
+    }
+    li {
+        margin: 2px 0;
+    }
+
+    // Slim, unobtrusive scrollbar that matches both themes.
+    &::-webkit-scrollbar {
+        width: 9px;
+        height: 9px;
+    }
+    &::-webkit-scrollbar-thumb {
+        background: rgba(0, 0, 0, 0.18);
+        border-radius: 5px;
+        .dark & {
+            background: rgba(255, 255, 255, 0.18);
+        }
+    }
+    &::-webkit-scrollbar-track {
+        background: transparent;
+    }
+}
+
+// LSP code-hint documentation popup (shown beside the code hint list)
+.lsp-hint-doc-popup {
+    display: none;
+    position: fixed;
+    z-index: 10000;
+    box-sizing: border-box;
+    width: 360px;
+    max-height: 320px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 8px 12px;
+    font-size: 12.5px;
+    line-height: 1.5;
+    word-wrap: break-word;
+
+    background: @bc-panel-bg;
+    color: @bc-text;
+    border: 1px solid rgba(0, 0, 0, 0.12);
+    border-radius: 6px;
+    box-shadow: 0 4px 15px @bc-shadow-large;
+
+    .dark & {
+        background: @dark-bc-panel-bg;
+        color: @dark-bc-text;
+        border-color: rgba(255, 255, 255, 0.10);
+        box-shadow: 0 4px 15px @dark-bc-shadow-large;
+    }
+
+    p { margin: 6px 0; }
+    p:first-child { margin-top: 0; }
+    p:last-child { margin-bottom: 0; }
+
+    pre {
+        margin: 6px 0;
+        padding: 8px 10px;
+        background: @bc-panel-bg-alt;
+        border: 1px solid rgba(0, 0, 0, 0.10);
+        border-radius: 5px;
+        overflow-x: auto;
+        white-space: pre;
+        .dark & {
+            background: #1c1c1c;
+            border-color: rgba(255, 255, 255, 0.09);
+        }
+    }
+    pre code {
+        font-family: 'SourceCodePro', 'SF Mono', Menlo, Consolas, monospace;
+        font-size: 12px;
+        color: @bc-text-emphasized;
+        background: none;
+        padding: 0;
+        .dark & { color: @dark-bc-text-emphasized; }
+    }
+    code {
+        font-family: 'SourceCodePro', 'SF Mono', Menlo, Consolas, monospace;
+        font-size: 11.5px;
+        padding: 1px 5px;
+        border-radius: 4px;
+        background: rgba(0, 0, 0, 0.06);
+        color: @bc-text-emphasized;
+        .dark & {
+            background: rgba(255, 255, 255, 0.08);
+            color: @dark-bc-text-emphasized;
+        }
+    }
+    em { font-style: normal; font-weight: 600; color: @bc-text-link; .dark & { color: @dark-bc-text-link; } }
+    a { color: @bc-text-link; text-decoration: none; .dark & { color: @dark-bc-text-link; } }
+    a:hover { text-decoration: underline; }
+    hr {
+        border: 0;
+        border-top: 1px solid rgba(0, 0, 0, 0.08);
+        margin: 8px 0;
+        .dark & { border-top-color: rgba(255, 255, 255, 0.08); }
+    }
+    ul, ol { margin: 5px 0; padding-left: 18px; }
+
+    &::-webkit-scrollbar { width: 9px; }
+    &::-webkit-scrollbar-thumb {
+        background: rgba(0, 0, 0, 0.18); border-radius: 5px;
+        .dark & { background: rgba(255, 255, 255, 0.18); }
+    }
+    &::-webkit-scrollbar-track { background: transparent; }
+}
+
 // selection view
 #selection-view-container {
     display: none;
diff --git a/src/styles/brackets_patterns_override.less b/src/styles/brackets_patterns_override.less
index c2bc88733c..fdec07a22b 100644
--- a/src/styles/brackets_patterns_override.less
+++ b/src/styles/brackets_patterns_override.less
@@ -670,6 +670,30 @@ a:focus {
             box-shadow: 0 3px 9px @dark-bc-shadow;
         }
 
+        // Opaque, theme-matched scrollbar. The app-wide default uses a transparent track, which on
+        // a floating popup lets the editor behind show through the scroll gutter; match the menu
+        // background instead so the popup reads as one solid surface.
+        &::-webkit-scrollbar {
+            width: 9px;
+        }
+        &::-webkit-scrollbar-track {
+            background-color: @bc-menu-bg;
+
+            .dark & {
+                background-color: @dark-bc-menu-bg;
+            }
+        }
+        &::-webkit-scrollbar-thumb {
+            background-color: rgba(0, 0, 0, 0.24);
+            border-radius: 5px;
+            border: 2px solid @bc-menu-bg;
+
+            .dark & {
+                background-color: rgba(255, 255, 255, 0.24);
+                border-color: @dark-bc-menu-bg;
+            }
+        }
+
         // Styles used for inlinemenu widget header
         li.inlinemenu-header a {
             background-color: @bc-bg-tool-bar;

From 6660d08e794982961a3b6d5724bfd488d58ad641 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:34:59 +0530
Subject: [PATCH 26/49] chore: add vtsls and typescript third-party licenses

The desktop LSP support bundles @vtsls/language-server (MIT) and its bundled
typescript (Apache-2.0) in src-node. Add their license files to
src/thirdparty/licences/ and register the copy in the gulp thirdparty-lib-copy
task so builds keep them in sync.
---
 gulpfile.js/thirdparty-lib-copy.js          |  5 +-
 src/thirdparty/licences/typescript.markdown | 55 +++++++++++++++++++++
 src/thirdparty/licences/vtsls.markdown      | 45 +++++++++++++++++
 3 files changed, 104 insertions(+), 1 deletion(-)
 create mode 100644 src/thirdparty/licences/typescript.markdown
 create mode 100644 src/thirdparty/licences/vtsls.markdown

diff --git a/gulpfile.js/thirdparty-lib-copy.js b/gulpfile.js/thirdparty-lib-copy.js
index e23579f6b3..e92f43f1dd 100644
--- a/gulpfile.js/thirdparty-lib-copy.js
+++ b/gulpfile.js/thirdparty-lib-copy.js
@@ -265,7 +265,10 @@ let copyThirdPartyLibs = series(
         'addon-webgl.js', 'src/thirdparty/xterm'),
     renameFile.bind(renameFile, 'node_modules/@xterm/addon-webgl/lib/addon-webgl.js.map',
         'addon-webgl.js.map', 'src/thirdparty/xterm'),
-    copyLicence.bind(copyLicence, 'node_modules/@xterm/xterm/LICENSE', 'xterm')
+    copyLicence.bind(copyLicence, 'node_modules/@xterm/xterm/LICENSE', 'xterm'),
+    // vtsls language server (bundled in src-node for desktop LSP) + its bundled typescript
+    copyLicence.bind(copyLicence, 'src-node/node_modules/@vtsls/language-server/LICENSE', 'vtsls'),
+    copyLicence.bind(copyLicence, 'src-node/node_modules/typescript/LICENSE.txt', 'typescript')
 
 );
 
diff --git a/src/thirdparty/licences/typescript.markdown b/src/thirdparty/licences/typescript.markdown
new file mode 100644
index 0000000000..edc24fd6e1
--- /dev/null
+++ b/src/thirdparty/licences/typescript.markdown
@@ -0,0 +1,55 @@
+Apache License
+
+Version 2.0, January 2004
+
+http://www.apache.org/licenses/ 
+
+TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+1. Definitions.
+
+"License" shall mean the terms and conditions for use, reproduction, and distribution as defined by Sections 1 through 9 of this document.
+
+"Licensor" shall mean the copyright owner or entity authorized by the copyright owner that is granting the License.
+
+"Legal Entity" shall mean the union of the acting entity and all other entities that control, are controlled by, or are under common control with that entity. For the purposes of this definition, "control" means (i) the power, direct or indirect, to cause the direction or management of such entity, whether by contract or otherwise, or (ii) ownership of fifty percent (50%) or more of the outstanding shares, or (iii) beneficial ownership of such entity.
+
+"You" (or "Your") shall mean an individual or Legal Entity exercising permissions granted by this License.
+
+"Source" form shall mean the preferred form for making modifications, including but not limited to software source code, documentation source, and configuration files.
+
+"Object" form shall mean any form resulting from mechanical transformation or translation of a Source form, including but not limited to compiled object code, generated documentation, and conversions to other media types.
+
+"Work" shall mean the work of authorship, whether in Source or Object form, made available under the License, as indicated by a copyright notice that is included in or attached to the work (an example is provided in the Appendix below).
+
+"Derivative Works" shall mean any work, whether in Source or Object form, that is based on (or derived from) the Work and for which the editorial revisions, annotations, elaborations, or other modifications represent, as a whole, an original work of authorship. For the purposes of this License, Derivative Works shall not include works that remain separable from, or merely link (or bind by name) to the interfaces of, the Work and Derivative Works thereof.
+
+"Contribution" shall mean any work of authorship, including the original version of the Work and any modifications or additions to that Work or Derivative Works thereof, that is intentionally submitted to Licensor for inclusion in the Work by the copyright owner or by an individual or Legal Entity authorized to submit on behalf of the copyright owner. For the purposes of this definition, "submitted" means any form of electronic, verbal, or written communication sent to the Licensor or its representatives, including but not limited to communication on electronic mailing lists, source code control systems, and issue tracking systems that are managed by, or on behalf of, the Licensor for the purpose of discussing and improving the Work, but excluding communication that is conspicuously marked or otherwise designated in writing by the copyright owner as "Not a Contribution."
+
+"Contributor" shall mean Licensor and any individual or Legal Entity on behalf of whom a Contribution has been received by Licensor and subsequently incorporated within the Work.
+
+2. Grant of Copyright License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable copyright license to reproduce, prepare Derivative Works of, publicly display, publicly perform, sublicense, and distribute the Work and such Derivative Works in Source or Object form.
+
+3. Grant of Patent License. Subject to the terms and conditions of this License, each Contributor hereby grants to You a perpetual, worldwide, non-exclusive, no-charge, royalty-free, irrevocable (except as stated in this section) patent license to make, have made, use, offer to sell, sell, import, and otherwise transfer the Work, where such license applies only to those patent claims licensable by such Contributor that are necessarily infringed by their Contribution(s) alone or by combination of their Contribution(s) with the Work to which such Contribution(s) was submitted. If You institute patent litigation against any entity (including a cross-claim or counterclaim in a lawsuit) alleging that the Work or a Contribution incorporated within the Work constitutes direct or contributory patent infringement, then any patent licenses granted to You under this License for that Work shall terminate as of the date such litigation is filed.
+
+4. Redistribution. You may reproduce and distribute copies of the Work or Derivative Works thereof in any medium, with or without modifications, and in Source or Object form, provided that You meet the following conditions:
+
+You must give any other recipients of the Work or Derivative Works a copy of this License; and
+
+You must cause any modified files to carry prominent notices stating that You changed the files; and
+
+You must retain, in the Source form of any Derivative Works that You distribute, all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works; and
+
+If the Work includes a "NOTICE" text file as part of its distribution, then any Derivative Works that You distribute must include a readable copy of the attribution notices contained within such NOTICE file, excluding those notices that do not pertain to any part of the Derivative Works, in at least one of the following places: within a NOTICE text file distributed as part of the Derivative Works; within the Source form or documentation, if provided along with the Derivative Works; or, within a display generated by the Derivative Works, if and wherever such third-party notices normally appear. The contents of the NOTICE file are for informational purposes only and do not modify the License. You may add Your own attribution notices within Derivative Works that You distribute, alongside or as an addendum to the NOTICE text from the Work, provided that such additional attribution notices cannot be construed as modifying the License. You may add Your own copyright statement to Your modifications and may provide additional or different license terms and conditions for use, reproduction, or distribution of Your modifications, or for any such Derivative Works as a whole, provided Your use, reproduction, and distribution of the Work otherwise complies with the conditions stated in this License.
+
+5. Submission of Contributions. Unless You explicitly state otherwise, any Contribution intentionally submitted for inclusion in the Work by You to the Licensor shall be under the terms and conditions of this License, without any additional terms or conditions. Notwithstanding the above, nothing herein shall supersede or modify the terms of any separate license agreement you may have executed with Licensor regarding such Contributions.
+
+6. Trademarks. This License does not grant permission to use the trade names, trademarks, service marks, or product names of the Licensor, except as required for reasonable and customary use in describing the origin of the Work and reproducing the content of the NOTICE file.
+
+7. Disclaimer of Warranty. Unless required by applicable law or agreed to in writing, Licensor provides the Work (and each Contributor provides its Contributions) on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied, including, without limitation, any warranties or conditions of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A PARTICULAR PURPOSE. You are solely responsible for determining the appropriateness of using or redistributing the Work and assume any risks associated with Your exercise of permissions under this License.
+
+8. Limitation of Liability. In no event and under no legal theory, whether in tort (including negligence), contract, or otherwise, unless required by applicable law (such as deliberate and grossly negligent acts) or agreed to in writing, shall any Contributor be liable to You for damages, including any direct, indirect, special, incidental, or consequential damages of any character arising as a result of this License or out of the use or inability to use the Work (including but not limited to damages for loss of goodwill, work stoppage, computer failure or malfunction, or any and all other commercial damages or losses), even if such Contributor has been advised of the possibility of such damages.
+
+9. Accepting Warranty or Additional Liability. While redistributing the Work or Derivative Works thereof, You may choose to offer, and charge a fee for, acceptance of support, warranty, indemnity, or other liability obligations and/or rights consistent with this License. However, in accepting such obligations, You may act only on Your own behalf and on Your sole responsibility, not on behalf of any other Contributor, and only if You agree to indemnify, defend, and hold each Contributor harmless for any liability incurred by, or claims asserted against, such Contributor by reason of your accepting any such warranty or additional liability.
+
+END OF TERMS AND CONDITIONS
diff --git a/src/thirdparty/licences/vtsls.markdown b/src/thirdparty/licences/vtsls.markdown
new file mode 100644
index 0000000000..8c9834d896
--- /dev/null
+++ b/src/thirdparty/licences/vtsls.markdown
@@ -0,0 +1,45 @@
+MIT License
+
+Copyright (c) 2023 yioneko
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.
+
+## Some of the code is copied or derived from VSCode[https://github.com/microsoft/vscode], which is subject to the following copyright notice:
+
+MIT License
+
+Copyright (c) 2015 - present Microsoft Corporation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

From 172d1cac85987beb4d3c96cc7e6c5876c0f581a2 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:36:41 +0530
Subject: [PATCH 27/49] fix: register TypeScriptSupport extension for build
 concatenation

makeConcatExtensions fails on any default extension missing from its
minify lists. Add TypeScriptSupport to minifyableExtensions.
---
 gulpfile.js/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/gulpfile.js/index.js b/gulpfile.js/index.js
index 9a8ee23d3a..8d1b186de1 100644
--- a/gulpfile.js/index.js
+++ b/gulpfile.js/index.js
@@ -909,7 +909,7 @@ function _renameExtensionConcatAsExtensionJSInDist(extensionName) {
 }
 
 const minifyableExtensions = ["CloseOthers", "CodeFolding", "DebugCommands", "Git",
-    "HealthData", "JavaScriptCodeHints", "JavaScriptRefactoring", "QuickView"];
+    "HealthData", "JavaScriptCodeHints", "JavaScriptRefactoring", "QuickView", "TypeScriptSupport"];
 // extensions that nned not be minified either coz they are single file extensions or some other reason.
 const nonMinifyExtensions = ["CSSAtRuleCodeHints", "CSSCodeHints",
     "CSSPseudoSelectorHints", "DarkTheme", "HandlebarsSupport", "HTMLCodeHints", "HtmlEntityCodeHints",

From cb1d445eae781af6b802d149861112a657dbe718 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:42:14 +0530
Subject: [PATCH 28/49] test: add TabstopManager.parseSnippet unit tests

Cover plain text, simple stops ($1/$0/${0}), ordering (positives ascending
with $0 last, mirror dedupe), placeholders incl. nested, choices, variables,
escapes and multi-line offsets. Registered in UnitTestSuite.

Also fix parseSnippet to preserve tab-stops nested inside a placeholder
default (e.g. ${1:a ${2:b} c}), which were previously discarded.
---
 src/editor/TabstopManager.js     |   6 ++
 test/UnitTestSuite.js            |   1 +
 test/spec/TabstopManager-test.js | 159 +++++++++++++++++++++++++++++++
 3 files changed, 166 insertions(+)
 create mode 100644 test/spec/TabstopManager-test.js

diff --git a/src/editor/TabstopManager.js b/src/editor/TabstopManager.js
index 5513e36646..ee4907d5fa 100644
--- a/src/editor/TabstopManager.js
+++ b/src/editor/TabstopManager.js
@@ -123,6 +123,12 @@ define(function (require, exports, module) {
                             phStart = out.length;
                         out += sub.text;
                         record(parseInt(placeholder[1], 10), phStart, out.length);
+                        // Preserve any tab-stops nested inside the placeholder default (e.g.
+                        // ${1:a ${2:b} c}), shifted into this snippet's coordinate space.
+                        for (var si = 0; si < sub.stops.length; si++) {
+                            record(sub.stops[si].number,
+                                phStart + sub.stops[si].start, phStart + sub.stops[si].end);
+                        }
                     } else if (choice) {
                         var first = choice[2].split(",")[0] || "",
                             chStart = out.length;
diff --git a/test/UnitTestSuite.js b/test/UnitTestSuite.js
index 97d84344be..e7f7812430 100644
--- a/test/UnitTestSuite.js
+++ b/test/UnitTestSuite.js
@@ -126,6 +126,7 @@ define(function (require, exports, module) {
     require("spec/Generic-integ-test");
     require("spec/spacing-auto-detect-integ-test");
     require("spec/LocalizationUtils-test");
+    require("spec/TabstopManager-test");
     require("spec/ScrollTrackHandler-integ-test");
     // Integrated extension tests
     require("spec/Extn-RemoteFileAdapter-integ-test");
diff --git a/test/spec/TabstopManager-test.js b/test/spec/TabstopManager-test.js
new file mode 100644
index 0000000000..4cccc7b4cc
--- /dev/null
+++ b/test/spec/TabstopManager-test.js
@@ -0,0 +1,159 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/*global describe, it, expect*/
+
+define(function (require, exports, module) {
+    const TabstopManager = require("editor/TabstopManager");
+
+    describe("unit:TabstopManager", function () {
+
+        // Convenience: stops as [number, start, end] tuples for terse comparisons.
+        function tuples(stops) {
+            return stops.map(function (s) {
+                return [s.number, s.start, s.end];
+            });
+        }
+
+        describe("parseSnippet - plain text", function () {
+            it("should leave text without tab-stops untouched and report no stops", function () {
+                const parsed = TabstopManager.parseSnippet("console.log");
+                expect(parsed.text).toBe("console.log");
+                expect(parsed.stops).toEqual([]);
+            });
+
+            it("should handle an empty snippet", function () {
+                const parsed = TabstopManager.parseSnippet("");
+                expect(parsed.text).toBe("");
+                expect(parsed.stops).toEqual([]);
+            });
+        });
+
+        describe("parseSnippet - simple tab-stops", function () {
+            it("should strip a trailing $1 and record an empty stop at its offset", function () {
+                const parsed = TabstopManager.parseSnippet('import { getFromIndex$1 } from "./db";');
+                expect(parsed.text).toBe('import { getFromIndex } from "./db";');
+                // "$1" sits right after "getFromIndex" (offset 21)
+                expect(tuples(parsed.stops)).toEqual([[1, 21, 21]]);
+            });
+
+            it("should strip $0 and record it as the (only) stop", function () {
+                const parsed = TabstopManager.parseSnippet("doThing()$0");
+                expect(parsed.text).toBe("doThing()");
+                expect(tuples(parsed.stops)).toEqual([[0, 9, 9]]);
+            });
+
+            it("should support ${0} brace form", function () {
+                const parsed = TabstopManager.parseSnippet("a${0}b");
+                expect(parsed.text).toBe("ab");
+                expect(tuples(parsed.stops)).toEqual([[0, 1, 1]]);
+            });
+        });
+
+        describe("parseSnippet - ordering", function () {
+            it("should order positive stops ascending with $0 last", function () {
+                const parsed = TabstopManager.parseSnippet("$2 $1 $0 $3");
+                // text is "   " (each stop is empty, separated by single spaces)
+                expect(parsed.text).toBe("   ");
+                expect(tuples(parsed.stops)).toEqual([
+                    [1, 1, 1],
+                    [2, 0, 0],
+                    [3, 3, 3],
+                    [0, 2, 2]
+                ]);
+            });
+
+            it("should keep the first occurrence offset for a repeated (mirror) stop number", function () {
+                const parsed = TabstopManager.parseSnippet("$1-$1");
+                expect(parsed.text).toBe("-");
+                // first $1 at offset 0, second occurrence ignored for placement
+                expect(tuples(parsed.stops)).toEqual([[1, 0, 0]]);
+            });
+        });
+
+        describe("parseSnippet - placeholders", function () {
+            it("should keep placeholder default text and span it as the stop range", function () {
+                const parsed = TabstopManager.parseSnippet("connect(${1:host}, ${2:port})$0");
+                expect(parsed.text).toBe("connect(host, port)");
+                expect(tuples(parsed.stops)).toEqual([
+                    [1, 8, 12],   // "host"
+                    [2, 14, 18],  // "port"
+                    [0, 19, 19]   // final caret at end
+                ]);
+            });
+
+            it("should expand a nested placeholder", function () {
+                const parsed = TabstopManager.parseSnippet("${1:a ${2:b} c}");
+                expect(parsed.text).toBe("a b c");
+                expect(tuples(parsed.stops)).toEqual([
+                    [1, 0, 5],   // whole "a b c"
+                    [2, 2, 3]    // inner "b"
+                ]);
+            });
+        });
+
+        describe("parseSnippet - choices", function () {
+            it("should use the first choice as the inserted/selected text", function () {
+                const parsed = TabstopManager.parseSnippet("type: ${1|number,string,boolean|}");
+                expect(parsed.text).toBe("type: number");
+                expect(tuples(parsed.stops)).toEqual([[1, 6, 12]]);
+            });
+        });
+
+        describe("parseSnippet - variables", function () {
+            it("should drop an unresolved bare variable", function () {
+                const parsed = TabstopManager.parseSnippet("name: $TM_FILENAME!");
+                expect(parsed.text).toBe("name: !");
+                expect(parsed.stops).toEqual([]);
+            });
+
+            it("should drop an unresolved ${VAR} but keep its default", function () {
+                const parsed = TabstopManager.parseSnippet("${TM_FILENAME:untitled}.txt");
+                expect(parsed.text).toBe("untitled.txt");
+                expect(parsed.stops).toEqual([]);
+            });
+        });
+
+        describe("parseSnippet - escapes", function () {
+            it("should treat \\$ as a literal dollar, not a tab-stop", function () {
+                const parsed = TabstopManager.parseSnippet("cost is \\$1 today");
+                expect(parsed.text).toBe("cost is $1 today");
+                expect(parsed.stops).toEqual([]);
+            });
+
+            it("should unescape \\} and \\\\", function () {
+                const parsed = TabstopManager.parseSnippet("a\\}b\\\\c");
+                expect(parsed.text).toBe("a}b\\c");
+                expect(parsed.stops).toEqual([]);
+            });
+        });
+
+        describe("parseSnippet - multi-line", function () {
+            it("should preserve newlines and report offsets across them", function () {
+                const parsed = TabstopManager.parseSnippet("if ($1) {\n    $0\n}");
+                expect(parsed.text).toBe("if () {\n    \n}");
+                expect(tuples(parsed.stops)).toEqual([
+                    [1, 4, 4],    // inside the parens on line 1
+                    [0, 12, 12]   // indented body on line 2
+                ]);
+            });
+        });
+    });
+});

From 1188ae840e5f4dd4798b86495473d10b9791d410 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:49:46 +0530
Subject: [PATCH 29/49] chore: don't copy vtsls/typescript licenses in CI build

src-node deps aren't installed in the pipeline (the desktop app build
installs them separately), so the copy would fail. The license files are
already vendored under src/thirdparty/licences/; comment out the copy with a
note.
---
 gulpfile.js/thirdparty-lib-copy.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/gulpfile.js/thirdparty-lib-copy.js b/gulpfile.js/thirdparty-lib-copy.js
index e92f43f1dd..cc064520a2 100644
--- a/gulpfile.js/thirdparty-lib-copy.js
+++ b/gulpfile.js/thirdparty-lib-copy.js
@@ -265,11 +265,11 @@ let copyThirdPartyLibs = series(
         'addon-webgl.js', 'src/thirdparty/xterm'),
     renameFile.bind(renameFile, 'node_modules/@xterm/addon-webgl/lib/addon-webgl.js.map',
         'addon-webgl.js.map', 'src/thirdparty/xterm'),
-    copyLicence.bind(copyLicence, 'node_modules/@xterm/xterm/LICENSE', 'xterm'),
-    // vtsls language server (bundled in src-node for desktop LSP) + its bundled typescript
-    copyLicence.bind(copyLicence, 'src-node/node_modules/@vtsls/language-server/LICENSE', 'vtsls'),
-    copyLicence.bind(copyLicence, 'src-node/node_modules/typescript/LICENSE.txt', 'typescript')
-
+    copyLicence.bind(copyLicence, 'node_modules/@xterm/xterm/LICENSE', 'xterm')
+    // vtsls language server (bundled in src-node is not installed in pipline tests as the destop app building
+    // does it for desktop LSP). we ran it once and copied the license here.
+    // copyLicence.bind(copyLicence, 'src-node/node_modules/@vtsls/language-server/LICENSE', 'vtsls'),
+    // copyLicence.bind(copyLicence, 'src-node/node_modules/typescript/LICENSE.txt', 'typescript')
 );
 
 /**

From 140c43add3bab8bed879456b565954d0f32ec654 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:50:13 +0530
Subject: [PATCH 30/49] test: add TabstopManager editor-session tests

Real-editor (createMockEditor) tests for insertSnippet: single-stop caret
placement, placeholder selection, the import-completion snippet, multi-stop
Tab/Shift-Tab navigation ending at $0, Esc, markers following edits above the
snippet, and range replacement.
---
 test/spec/TabstopManager-test.js | 127 ++++++++++++++++++++++++++++++-
 1 file changed, 125 insertions(+), 2 deletions(-)

diff --git a/test/spec/TabstopManager-test.js b/test/spec/TabstopManager-test.js
index 4cccc7b4cc..d57dd81260 100644
--- a/test/spec/TabstopManager-test.js
+++ b/test/spec/TabstopManager-test.js
@@ -18,10 +18,11 @@
  *
  */
 
-/*global describe, it, expect*/
+/*global describe, it, expect, afterEach*/
 
 define(function (require, exports, module) {
-    const TabstopManager = require("editor/TabstopManager");
+    const TabstopManager = require("editor/TabstopManager"),
+        SpecRunnerUtils  = require("spec/SpecRunnerUtils");
 
     describe("unit:TabstopManager", function () {
 
@@ -155,5 +156,127 @@ define(function (require, exports, module) {
                 ]);
             });
         });
+
+        // insertSnippet drives the real editor: text replacement, caret/selection placement and the
+        // marker-backed Tab/Shift-Tab session. Uses a mock editor (a real Editor + CodeMirror), which
+        // runs in the unit category like Editor-test.
+        describe("insertSnippet - editor session", function () {
+            let myDocument, myEditor;
+
+            function createTestEditor(content) {
+                const mocks = SpecRunnerUtils.createMockEditor(content || "", "javascript");
+                myDocument = mocks.doc;
+                myEditor = mocks.editor;
+            }
+
+            // Reach the live Tab-session keymap CodeMirror is using, so we exercise the exact
+            // bindings insertSnippet installed rather than re-implementing navigation here.
+            function sessionKeymap() {
+                return (myEditor._codeMirror.state.keyMaps || []).filter(function (m) {
+                    return m.name === "tabstop-session";
+                })[0];
+            }
+            function pressTab() {
+                sessionKeymap().Tab(myEditor._codeMirror);
+            }
+            function pressShiftTab() {
+                sessionKeymap()["Shift-Tab"](myEditor._codeMirror);
+            }
+
+            const ORIGIN = { line: 0, ch: 0 };
+
+            afterEach(function () {
+                TabstopManager.endSession();   // before destroy so no marker ops run on a dead editor
+                if (myEditor) {
+                    SpecRunnerUtils.destroyMockEditor(myDocument);
+                    myEditor = null;
+                    myDocument = null;
+                }
+            });
+
+            it("should insert plain text and place the caret at the single stop (no session)", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "log($1)", ORIGIN, ORIGIN);
+                expect(myDocument.getText()).toBe("log()");
+                const cursor = myEditor.getCursorPos();
+                expect([cursor.line, cursor.ch]).toEqual([0, 4]);
+                expect(myEditor.getSelectedText()).toBe("");
+                expect(TabstopManager.hasActiveSession()).toBe(false);
+            });
+
+            it("should select a single placeholder's default text for type-over", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "foo(${1:bar})", ORIGIN, ORIGIN);
+                expect(myDocument.getText()).toBe("foo(bar)");
+                expect(myEditor.getSelectedText()).toBe("bar");
+                expect(TabstopManager.hasActiveSession()).toBe(false);
+            });
+
+            it("should expand the import-completion snippet without a literal $1", function () {
+                createTestEditor("import getfromi");
+                TabstopManager.insertSnippet(myEditor, 'import { getFromIndex$1 } from "./db";',
+                    ORIGIN, { line: 0, ch: 15 });
+                expect(myDocument.getText()).toBe('import { getFromIndex } from "./db";');
+                const cursor = myEditor.getCursorPos();
+                expect([cursor.line, cursor.ch]).toEqual([0, 21]); // right after getFromIndex
+                expect(TabstopManager.hasActiveSession()).toBe(false);
+            });
+
+            it("should start a session and navigate stops with Tab, ending at $0", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "connect(${1:host}, ${2:port})$0", ORIGIN, ORIGIN);
+                expect(myDocument.getText()).toBe("connect(host, port)");
+                expect(myEditor.getSelectedText()).toBe("host");
+                expect(TabstopManager.hasActiveSession()).toBe(true);
+
+                pressTab();
+                expect(myEditor.getSelectedText()).toBe("port");
+                expect(TabstopManager.hasActiveSession()).toBe(true);
+
+                pressTab();
+                // landed on $0 (end of text) - caret only, session ends
+                const cursor = myEditor.getCursorPos();
+                expect([cursor.line, cursor.ch]).toEqual([0, 19]);
+                expect(myEditor.getSelectedText()).toBe("");
+                expect(TabstopManager.hasActiveSession()).toBe(false);
+            });
+
+            it("should navigate backwards with Shift-Tab", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "${1:a} ${2:b} $0", ORIGIN, ORIGIN);
+                expect(myEditor.getSelectedText()).toBe("a");
+                pressTab();
+                expect(myEditor.getSelectedText()).toBe("b");
+                pressShiftTab();
+                expect(myEditor.getSelectedText()).toBe("a");
+                expect(TabstopManager.hasActiveSession()).toBe(true);
+            });
+
+            it("should end the session on Esc", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "${1:a} ${2:b}", ORIGIN, ORIGIN);
+                expect(TabstopManager.hasActiveSession()).toBe(true);
+                sessionKeymap().Esc(myEditor._codeMirror);
+                expect(TabstopManager.hasActiveSession()).toBe(false);
+            });
+
+            it("should keep stops correct when text is inserted above (markers follow edits)", function () {
+                createTestEditor("");
+                TabstopManager.insertSnippet(myEditor, "fn(${1:a}, ${2:b})", ORIGIN, ORIGIN);
+                expect(myEditor.getSelectedText()).toBe("a");
+                // Simulate an auto-import line being added above the snippet after insertion.
+                myEditor.document.replaceRange("import x;\n", ORIGIN);
+                pressTab();
+                const sel = myEditor.getSelection();
+                expect(myEditor.getSelectedText()).toBe("b");
+                expect(sel.start.line).toBe(1);   // snippet now lives on line 1
+            });
+
+            it("should replace the given range, not just insert at the cursor", function () {
+                createTestEditor("foo.barbaz");
+                TabstopManager.insertSnippet(myEditor, "log($1)", { line: 0, ch: 4 }, { line: 0, ch: 7 });
+                expect(myDocument.getText()).toBe("foo.log()baz");
+            });
+        });
     });
 });

From 1f9f16817e20abc4925e2997921c6b8e3fc2041e Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 11:58:34 +0530
Subject: [PATCH 31/49] refactor: remove legacy NodeDomain language-tools
 transport

The Adobe-era NodeDomain transport is fully replaced by the new LSP framework
(LSPClient.js + src-node/lsp-client.js) and was no longer referenced by the
app. Remove it and its now-dangling references:

- delete LanguageTools.js, ClientLoader.js, BracketsToNodeInterface.js,
  LanguageClientWrapper.js, DefaultEventHandlers.js, ToolingInfo.json,
  node/RegisterLanguageClientInfo.js and the LanguageClient/ directory
- drop the dead boot requires from test/SpecRunner.js (keep PathConverters
  and DefaultProviders, which the new framework reuses)
- delete the disabled LanguageTools-test.js and its exclusive fixtures
  (clients/, project/, server/); keep css-language-service, still used by
  Extn-CSSCodeHints-integ-test
- remove the disabled-test line from UnitTestSuite.js
- drop the orphaned LANGUAGE_TOOLS_PREFERENCES string
- drop the stale languageTools entries from cacheManifest.json
---
 src/languageTools/BracketsToNodeInterface.js  |  121 --
 src/languageTools/ClientLoader.js             |  179 --
 src/languageTools/DefaultEventHandlers.js     |  193 --
 .../LanguageClient/Connection.js              |  134 --
 .../LanguageClient/LanguageClient.js          |  232 ---
 .../LanguageClient/NodeToBracketsInterface.js |  213 ---
 .../LanguageClient/ProtocolAdapter.js         |  398 ----
 .../LanguageClient/ServerUtils.js             |  427 -----
 src/languageTools/LanguageClient/Utils.js     |   88 -
 src/languageTools/LanguageClient/package.json |   19 -
 src/languageTools/LanguageClientWrapper.js    |  666 -------
 src/languageTools/LanguageTools.js            |  119 --
 src/languageTools/ToolingInfo.json            |   41 -
 .../node/RegisterLanguageClientInfo.js        |  296 ---
 src/nls/root/strings.js                       |    3 -
 test/SpecRunner.js                            |    4 -
 test/UnitTestSuite.js                         |    1 -
 .../clients/CommunicationTestClient/client.js |  121 --
 .../clients/CommunicationTestClient/main.js   |   68 -
 .../CommunicationTestClient/package.json      |    5 -
 .../clients/FeatureClient/client.js           |   73 -
 .../clients/FeatureClient/main.js             |   74 -
 .../clients/InterfaceTestClient/client.js     |  130 --
 .../clients/InterfaceTestClient/main.js       |   59 -
 .../clients/LoadSimpleClient/client.js        |   37 -
 .../clients/LoadSimpleClient/main.js          |   51 -
 .../clients/ModuleTestClient/client.js        |   73 -
 .../clients/ModuleTestClient/main.js          |   74 -
 .../clients/OptionsTestClient/client.js       |  145 --
 .../clients/OptionsTestClient/main.js         |   68 -
 .../project/sample1.txt                       |    1 -
 .../project/sample2.txt                       |    1 -
 .../server/lsp-test-server/main.js            |  255 ---
 .../server/lsp-test-server/package.json       |    5 -
 test/spec/LanguageTools-test.js               | 1599 -----------------
 35 files changed, 5973 deletions(-)
 delete mode 100644 src/languageTools/BracketsToNodeInterface.js
 delete mode 100644 src/languageTools/ClientLoader.js
 delete mode 100644 src/languageTools/DefaultEventHandlers.js
 delete mode 100644 src/languageTools/LanguageClient/Connection.js
 delete mode 100644 src/languageTools/LanguageClient/LanguageClient.js
 delete mode 100644 src/languageTools/LanguageClient/NodeToBracketsInterface.js
 delete mode 100644 src/languageTools/LanguageClient/ProtocolAdapter.js
 delete mode 100644 src/languageTools/LanguageClient/ServerUtils.js
 delete mode 100644 src/languageTools/LanguageClient/Utils.js
 delete mode 100644 src/languageTools/LanguageClient/package.json
 delete mode 100644 src/languageTools/LanguageClientWrapper.js
 delete mode 100644 src/languageTools/LanguageTools.js
 delete mode 100644 src/languageTools/ToolingInfo.json
 delete mode 100644 src/languageTools/node/RegisterLanguageClientInfo.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/CommunicationTestClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/CommunicationTestClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/CommunicationTestClient/package.json
 delete mode 100644 test/spec/LanguageTools-test-files/clients/FeatureClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/FeatureClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/InterfaceTestClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/InterfaceTestClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/LoadSimpleClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/LoadSimpleClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/ModuleTestClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/ModuleTestClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/OptionsTestClient/client.js
 delete mode 100644 test/spec/LanguageTools-test-files/clients/OptionsTestClient/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/project/sample1.txt
 delete mode 100644 test/spec/LanguageTools-test-files/project/sample2.txt
 delete mode 100644 test/spec/LanguageTools-test-files/server/lsp-test-server/main.js
 delete mode 100644 test/spec/LanguageTools-test-files/server/lsp-test-server/package.json
 delete mode 100644 test/spec/LanguageTools-test.js

diff --git a/src/languageTools/BracketsToNodeInterface.js b/src/languageTools/BracketsToNodeInterface.js
deleted file mode 100644
index fe90a01c19..0000000000
--- a/src/languageTools/BracketsToNodeInterface.js
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*eslint no-invalid-this: 0*/
-define(function (require, exports, module) {
-
-
-    function BracketsToNodeInterface(domain) {
-        this.domain = domain;
-        this.bracketsFn = {};
-
-        this._registerDataEvent();
-    }
-
-    BracketsToNodeInterface.prototype._messageHandler = function (evt, params) {
-        var methodName = params.method,
-            self = this;
-
-        function _getErrorString(err) {
-            if (typeof err === "string") {
-                return err;
-            } else if (err && err.name && err.name === "Error") {
-                return err.message;
-            }
-            return "Error in executing " + methodName;
-
-        }
-
-        function _sendResponse(response) {
-            var responseParams = {
-                requestId: params.requestId,
-                params: response
-            };
-            self.domain.exec("response", responseParams);
-        }
-
-        function _sendError(err) {
-            var responseParams = {
-                requestId: params.requestId,
-                error: _getErrorString(err)
-            };
-            self.domain.exec("response", responseParams);
-        }
-
-        if (self.bracketsFn[methodName]) {
-            var method = self.bracketsFn[methodName];
-            try {
-                var response = method.call(null, params.params);
-                if (params.respond && params.requestId) {
-                    if (response.promise) {
-                        response.done(function (result) {
-                            _sendResponse(result);
-                        }).fail(function (err) {
-                            _sendError(err);
-                        });
-                    } else {
-                        _sendResponse(response);
-                    }
-                }
-            } catch (err) {
-                if (params.respond && params.requestId) {
-                    _sendError(err);
-                }
-            }
-        }
-
-    };
-
-
-    BracketsToNodeInterface.prototype._registerDataEvent = function () {
-        this.domain.on("data", this._messageHandler.bind(this));
-    };
-
-    BracketsToNodeInterface.prototype.createInterface = function (methodName, isAsync) {
-        var self = this;
-        return function (params) {
-            var execEvent = isAsync ? "asyncData" : "data";
-            var callObject = {
-                method: methodName,
-                params: params
-            };
-            return self.domain.exec(execEvent, callObject);
-        };
-    };
-
-    BracketsToNodeInterface.prototype.registerMethod = function (methodName, methodHandle) {
-        if (methodName && methodHandle &&
-            typeof methodName === "string" && typeof methodHandle === "function") {
-            this.bracketsFn[methodName] = methodHandle;
-        }
-    };
-
-    BracketsToNodeInterface.prototype.registerMethods = function (methodList) {
-        var self = this;
-        methodList.forEach(function (methodObj) {
-            self.registerMethod(methodObj.methodName, methodObj.methodHandle);
-        });
-    };
-
-    exports.BracketsToNodeInterface = BracketsToNodeInterface;
-});
diff --git a/src/languageTools/ClientLoader.js b/src/languageTools/ClientLoader.js
deleted file mode 100644
index e9686970ca..0000000000
--- a/src/languageTools/ClientLoader.js
+++ /dev/null
@@ -1,179 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*eslint no-console: 0*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-define(function (require, exports, module) {
-
-
-    var ToolingInfo = JSON.parse(require("text!languageTools/ToolingInfo.json")),
-        NodeDomain = require("utils/NodeDomain"),
-        FileUtils = require("file/FileUtils"),
-        EventDispatcher = require("utils/EventDispatcher"),
-        BracketsToNodeInterface = require("languageTools/BracketsToNodeInterface").BracketsToNodeInterface;
-
-    EventDispatcher.makeEventDispatcher(exports);
-    //Register paths required for Language Client and also register default brackets capabilities.
-    var _bracketsPath = FileUtils.getNativeBracketsDirectoryPath();
-    // The native directory path ends with either "test" or "src".
-    _bracketsPath = _bracketsPath.replace(/\/test$/, "/src"); // convert from "test" to "src"
-
-    var _modulePath = FileUtils.getNativeModuleDirectoryPath(module),
-        _nodePath = "node/RegisterLanguageClientInfo",
-        _domainPath = [_bracketsPath, _modulePath, _nodePath].join("/"),
-        clientInfoDomain = null,
-        clientInfoLoadedPromise = null,
-        //Clients that have to be loaded once the LanguageClient info is successfully loaded on the
-        //node side.
-        pendingClientsToBeLoaded = [];
-
-    function syncPrefsWithDomain(languageToolsPrefs) {
-        if (clientInfoDomain) {
-            clientInfoDomain.exec("syncPreferences", languageToolsPrefs);
-        }
-    }
-
-    function _createNodeDomain(domainName, domainPath) {
-        return new NodeDomain(domainName, domainPath);
-    }
-
-    function loadLanguageClientDomain(clientName, domainPath) {
-        //generate a random hash name for the domain, this is the client id
-        var domainName = clientName,
-            result = $.Deferred(),
-            languageClientDomain = _createNodeDomain(domainName, domainPath);
-
-        if (languageClientDomain) {
-            languageClientDomain.promise()
-                .done(function () {
-                    console.log(domainPath + " domain successfully created");
-                    result.resolve(languageClientDomain);
-                })
-                .fail(function (err) {
-                    console.error(domainPath + " domain could not be created.");
-                    result.reject();
-                });
-        } else {
-            console.error(domainPath + " domain could not be created.");
-            result.reject();
-        }
-
-        return result;
-    }
-
-    function createNodeInterfaceForDomain(languageClientDomain) {
-        var nodeInterface = new BracketsToNodeInterface(languageClientDomain);
-
-        return nodeInterface;
-    }
-
-    function _clientLoader(clientName, clientFilePath, clientPromise) {
-        loadLanguageClientDomain(clientName, clientFilePath)
-            .then(function (languageClientDomain) {
-                var languageClientInterface = createNodeInterfaceForDomain(languageClientDomain);
-
-                clientPromise.resolve({
-                    name: clientName,
-                    interface: languageClientInterface
-                });
-            }, clientPromise.reject);
-    }
-
-    function initiateLanguageClient(clientName, clientFilePath) {
-        var result = $.Deferred();
-
-        //Only load clients after the LanguageClient Info has been initialized
-        if (!clientInfoLoadedPromise || clientInfoLoadedPromise.state() === "pending") {
-            var pendingClient = {
-                load: _clientLoader.bind(null, clientName, clientFilePath, result)
-            };
-            pendingClientsToBeLoaded.push(pendingClient);
-        } else {
-            _clientLoader(clientName, clientFilePath, result);
-        }
-
-        return result;
-    }
-
-    /**
-     * This function passes Brackets's native directory path as well as the tooling commands
-     * required by the LanguageClient node module. This information is then maintained in memory
-     * in the node process server for succesfully loading and functioning of all language clients
-     * since it is a direct dependency.
-     */
-    function sendLanguageClientInfo() {
-        //Init node with Information required by Language Client
-        clientInfoLoadedPromise = clientInfoDomain.exec("initialize", _bracketsPath, ToolingInfo);
-
-        function logInitializationError() {
-            console.error("Failed to Initialize LanguageClient Module Information.");
-        }
-
-        //Attach success and failure function for the clientInfoLoadedPromise
-        clientInfoLoadedPromise.then(function (success) {
-            if (!success) {
-                logInitializationError();
-                return;
-            }
-
-            if (Array.isArray(pendingClientsToBeLoaded)) {
-                pendingClientsToBeLoaded.forEach(function (pendingClient) {
-                    pendingClient.load();
-                });
-            } else {
-                exports.trigger("languageClientModuleInitialized");
-            }
-            pendingClientsToBeLoaded = null;
-        }, function () {
-            logInitializationError();
-        });
-    }
-
-    /**
-     * This function starts a domain which initializes the LanguageClient node module
-     * required by the Language Server Protocol framework in Brackets. All the LSP clients
-     * can only be successfully initiated once this domain has been successfully loaded and
-     * the LanguageClient info initialized. Refer to sendLanguageClientInfo for more.
-     */
-    function initDomainAndHandleNodeCrash() {
-        clientInfoDomain = new NodeDomain("LanguageClientInfo", _domainPath);
-        //Initialize LanguageClientInfo once the domain has successfully loaded.
-        clientInfoDomain.promise().done(function () {
-            sendLanguageClientInfo();
-            //This is to handle the node failure. If the node process dies, we get an on close
-            //event on the websocket connection object. Brackets then spawns another process and
-            //restablishes the connection. Once the connection is restablished we send reinitialize
-            //the LanguageClient info.
-            clientInfoDomain.connection.on("close", function (event, reconnectedPromise) {
-                reconnectedPromise.done(sendLanguageClientInfo);
-            });
-        }).fail(function (err) {
-            console.error("ClientInfo domain could not be loaded: ", err);
-        });
-    }
-    //initDomainAndHandleNodeCrash();
-
-
-    exports.initiateLanguageClient = initiateLanguageClient;
-    exports.syncPrefsWithDomain = syncPrefsWithDomain;
-});
diff --git a/src/languageTools/DefaultEventHandlers.js b/src/languageTools/DefaultEventHandlers.js
deleted file mode 100644
index b8ae117484..0000000000
--- a/src/languageTools/DefaultEventHandlers.js
+++ /dev/null
@@ -1,193 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/* eslint-disable indent */
-/* eslint no-console: 0*/
-define(function (require, exports, module) {
-
-
-    var LanguageManager = require("language/LanguageManager"),
-        ProjectManager = require("project/ProjectManager"),
-        PathConverters = require("languageTools/PathConverters");
-
-    function EventPropagationProvider(client) {
-        this.client = client;
-        this.previousProject = "";
-        this.currentProject = ProjectManager.getProjectRoot();
-    }
-
-    EventPropagationProvider.prototype._sendDocumentOpenNotification = function (languageId, doc) {
-        if (!this.client) {
-            return;
-        }
-
-        if (this.client._languages.includes(languageId)) {
-            this.client.notifyTextDocumentOpened({
-                languageId: languageId,
-                filePath: (doc.file._path || doc.file.fullPath),
-                fileContent: doc.getText()
-            });
-        }
-    };
-
-    EventPropagationProvider.prototype.handleActiveEditorChange = function (event, current, previous) {
-        var self = this;
-
-        if (!this.client) {
-            return;
-        }
-
-        if (previous) {
-            previous.document
-                .off("languageChanged.language-tools");
-            var previousLanguageId = LanguageManager.getLanguageForPath(previous.document.file.fullPath).getId();
-            if (this.client._languages.includes(previousLanguageId)) {
-                this.client.notifyTextDocumentClosed({
-                    filePath: (previous.document.file._path || previous.document.file.fullPath)
-                });
-            }
-        }
-        if (current) {
-            var currentLanguageId = LanguageManager.getLanguageForPath(current.document.file.fullPath).getId();
-            current.document
-                .on("languageChanged.language-tools", function () {
-                    var languageId = LanguageManager.getLanguageForPath(current.document.file.fullPath).getId();
-                    self._sendDocumentOpenNotification(languageId, current.document);
-                });
-            self._sendDocumentOpenNotification(currentLanguageId, current.document);
-        }
-    };
-
-    EventPropagationProvider.prototype.handleProjectOpen = function (event, directory) {
-        if (!this.client) {
-            return;
-        }
-
-        this.currentProject = directory.fullPath;
-
-        this.client.notifyProjectRootsChanged({
-            foldersAdded: [this.currentProject],
-            foldersRemoved: [this.previousProject]
-        });
-    };
-
-    EventPropagationProvider.prototype.handleProjectClose = function (event, directory) {
-        if (!this.client) {
-            return;
-        }
-
-        this.previousProject = directory.fullPath;
-    };
-
-    EventPropagationProvider.prototype.handleDocumentDirty = function (event, doc) {
-        if (!this.client) {
-            return;
-        }
-
-        if (!doc.isDirty) {
-            var docLanguageId = LanguageManager.getLanguageForPath(doc.file.fullPath).getId();
-            if (this.client._languages.includes(docLanguageId)) {
-                this.client.notifyTextDocumentSave({
-                    filePath: (doc.file._path || doc.file.fullPath)
-                });
-            }
-        }
-    };
-
-    EventPropagationProvider.prototype.handleDocumentChange = function (event, doc, changeList) {
-        if (!this.client) {
-            return;
-        }
-
-        var docLanguageId = LanguageManager.getLanguageForPath(doc.file.fullPath).getId();
-        if (this.client._languages.includes(docLanguageId)) {
-            this.client.notifyTextDocumentChanged({
-                filePath: (doc.file._path || doc.file.fullPath),
-                fileContent: doc.getText()
-            });
-        }
-    };
-
-    EventPropagationProvider.prototype.handleDocumentRename = function (event, oldName, newName) {
-        if (!this.client) {
-            return;
-        }
-
-        var oldDocLanguageId = LanguageManager.getLanguageForPath(oldName).getId();
-        if (this.client._languages.includes(oldDocLanguageId)) {
-            this.client.notifyTextDocumentClosed({
-                filePath: oldName
-            });
-        }
-
-        var newDocLanguageId = LanguageManager.getLanguageForPath(newName).getId();
-        if (this.client._languages.includes(newDocLanguageId)) {
-            this.client.notifyTextDocumentOpened({
-                filePath: newName
-            });
-        }
-    };
-
-    EventPropagationProvider.prototype.handleAppClose = function (event) {
-        //Also handles Reload with Extensions
-        if (!this.client) {
-            return;
-        }
-
-        this.client.stop();
-    };
-
-    function handleProjectFoldersRequest(event) {
-        var projectRoot = ProjectManager.getProjectRoot(),
-            workspaceFolders = [projectRoot];
-
-        workspaceFolders = PathConverters.convertToWorkspaceFolders(workspaceFolders);
-
-        return $.Deferred().resolve(workspaceFolders);
-    };
-
-    EventPropagationProvider.prototype.registerClientForEditorEvent = function () {
-        if (this.client) {
-            var handleActiveEditorChange = this.handleActiveEditorChange.bind(this),
-                handleProjectOpen = this.handleProjectOpen.bind(this),
-                handleProjectClose = this.handleProjectClose.bind(this),
-                handleDocumentDirty = this.handleDocumentDirty.bind(this),
-                handleDocumentChange = this.handleDocumentChange.bind(this),
-                handleDocumentRename = this.handleDocumentRename.bind(this),
-                handleAppClose = this.handleAppClose.bind(this);
-
-            this.client.addOnEditorChangeHandler(handleActiveEditorChange);
-            this.client.addOnProjectOpenHandler(handleProjectOpen);
-            this.client.addBeforeProjectCloseHandler(handleProjectClose);
-            this.client.addOnDocumentDirtyFlagChangeHandler(handleDocumentDirty);
-            this.client.addOnDocumentChangeHandler(handleDocumentChange);
-            this.client.addOnFileRenameHandler(handleDocumentRename);
-            this.client.addBeforeAppClose(handleAppClose);
-            this.client.onProjectFoldersRequest(handleProjectFoldersRequest);
-        } else {
-            console.log("No client provided for event propagation");
-        }
-    };
-
-    exports.EventPropagationProvider = EventPropagationProvider;
-});
diff --git a/src/languageTools/LanguageClient/Connection.js b/src/languageTools/LanguageClient/Connection.js
deleted file mode 100644
index 1ad0ad1f77..0000000000
--- a/src/languageTools/LanguageClient/Connection.js
+++ /dev/null
@@ -1,134 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global exports */
-/*eslint no-console: 0*/
-/* eslint no-empty: ["error", { "allowEmptyCatch": true }] */
-(function () {
-
-
-    var protocol = require("vscode-languageserver-protocol");
-
-    var Actions = {
-        OnClose: {
-            Stop: 0,
-            Restart: 1
-        },
-        OnError: {
-            Ignore: 0,
-            Stop: 1
-        }
-    };
-
-    function ActionController() {
-        this.restartsTimes = [];
-    }
-
-    ActionController.prototype.getOnErrorAction = function (errorData) {
-        var errorCount = errorData[2];
-
-        if (errorCount <= 3) {
-            return Actions.OnError.Ignore;
-        }
-
-        return Actions.OnError.Restart;
-    };
-
-    ActionController.prototype.getOnCloseAction = function () {
-        var currentTime = Date.now();
-        this.restartsTimes.push(currentTime);
-
-        var numRestarts = this.restartsTimes.length;
-        if (numRestarts < 5) {
-            return Actions.OnClose.Restart;
-        }
-
-        var timeBetweenFiveRestarts = this.restartsTimes[numRestarts - 1] - this.restartsTimes[0];
-        if (timeBetweenFiveRestarts <= 3 * 60 * 1000) { //3 minutes
-            return Actions.OnClose.Stop;
-        }
-
-        this.restartsTimes.shift();
-        return Actions.OnClose.Restart;
-    };
-
-    function _getOnCloseHandler(connection, actionController, restartLanguageClient) {
-        return function () {
-            try {
-                if (connection) {
-                    connection.dispose();
-                }
-            } catch (error) {}
-
-            var action = Actions.OnClose.Stop;
-            try {
-                action = actionController.getOnCloseAction();
-            } catch (error) {}
-
-
-            if (action === Actions.OnClose.Restart) {
-                restartLanguageClient();
-            }
-        };
-    }
-
-    function _getOnErrorHandler(actionController, stopLanguageClient) {
-        return function (errorData) {
-            var action = actionController.getOnErrorAction(errorData);
-
-            if (action === Actions.OnError.Stop) {
-                stopLanguageClient();
-            }
-        };
-    }
-
-    function Logger() {}
-
-    Logger.prototype.error = function (message) {
-        console.error(message);
-    };
-    Logger.prototype.warn = function (message) {
-        console.warn(message);
-    };
-    Logger.prototype.info = function (message) {
-        console.info(message);
-    };
-    Logger.prototype.log = function (message) {
-        console.log(message);
-    };
-
-    function createConnection(reader, writer, restartLanguageClient, stopLanguageClient) {
-        var logger = new Logger(),
-            actionController = new ActionController(),
-            connection = protocol.createProtocolConnection(reader, writer, logger),
-            errorHandler = _getOnErrorHandler(actionController, stopLanguageClient),
-            closeHandler = _getOnCloseHandler(connection, actionController, restartLanguageClient);
-
-        connection.onError(errorHandler);
-        connection.onClose(closeHandler);
-
-        return connection;
-    }
-
-    exports.createConnection = createConnection;
-}());
diff --git a/src/languageTools/LanguageClient/LanguageClient.js b/src/languageTools/LanguageClient/LanguageClient.js
deleted file mode 100644
index d9cc5aff72..0000000000
--- a/src/languageTools/LanguageClient/LanguageClient.js
+++ /dev/null
@@ -1,232 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global exports, Promise, LanguageClientInfo */
-/*eslint no-console: 0*/
-/*eslint strict: ["error", "global"]*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-
-
-var ProtocolAdapter = require("./ProtocolAdapter"),
-    ServerUtils = require("./ServerUtils"),
-    Connection = require("./Connection"),
-    NodeToBracketsInterface = require("./NodeToBracketsInterface").NodeToBracketsInterface,
-    ToolingInfo = LanguageClientInfo.toolingInfo,
-    MESSAGE_TYPE = {
-        BRACKETS: "brackets",
-        SERVER: "server"
-    };
-
-function validateHandler(handler) {
-    var retval = false;
-
-    if (handler && typeof handler === "function") {
-        retval = true;
-    } else {
-        console.warn("Handler validation failed. Handler should be of type 'function'. Provided handler is of type :", typeof handler);
-    }
-
-    return retval;
-}
-
-function LanguageClient(clientName, domainManager, options) {
-    this._clientName = clientName;
-    this._bracketsInterface = null;
-    this._notifyBrackets = null;
-    this._requestBrackets = null;
-    this._connection = null,
-    this._startUpParams = null, //_projectRoot, capabilties, workspaceFolders etc.
-    this._initialized = false,
-    this._onRequestHandler = {};
-    this._onNotificationHandlers = {};
-    this._options = options || null;
-
-
-    this._init(domainManager);
-}
-
-
-LanguageClient.prototype._createConnection = function () {
-    if (!this._options || !this._options.serverOptions) {
-        return Promise.reject("No valid options provided for client :", this._clientName);
-    }
-
-    var restartLanguageClient = this.start.bind(this),
-        stopLanguageClient = this.stop.bind(this);
-
-    var serverOptions = this._options.serverOptions;
-    return ServerUtils.startServerAndGetConnectionArgs(serverOptions)
-        .then(function (connectionArgs) {
-            return Connection.createConnection(connectionArgs.reader, connectionArgs.writer, restartLanguageClient, stopLanguageClient);
-        }).catch(function (err) {
-            console.error("Couldn't establish connection", err);
-        });
-};
-
-LanguageClient.prototype.setOptions = function (options) {
-    if (options && typeof options === "object") {
-        this._options = options;
-    } else {
-        console.error("Invalid options provided for client :", this._clientName);
-    }
-};
-
-LanguageClient.prototype.start = function (params) {
-    var self = this;
-
-    //Check to see if a connection to a language server already exists.
-    if (self._connection) {
-        return Promise.resolve(true);
-    }
-
-    self._connection = null;
-    self._startUpParams = params || self._startUpParams;
-
-    //We default to standard capabilties
-    if (!self._startUpParams.capabilities) {
-        self._startUpParams.capabilities = LanguageClientInfo.defaultBracketsCapabilities;
-    }
-
-    return self._createConnection()
-        .then(function (connection) {
-            connection.listen();
-            self._connection = connection;
-
-            return ProtocolAdapter.initialize(connection, self._startUpParams);
-        }).then(function (result) {
-            self._initialized = result;
-            ProtocolAdapter.attachOnNotificationHandlers(self._connection, self._notifyBrackets);
-            ProtocolAdapter.attachOnRequestHandlers(self._connection, self._requestBrackets);
-            ProtocolAdapter.initialized(self._connection);
-            return result;
-        }).catch(function (error) {
-            console.error('Starting client failed because :', error);
-            console.error('Couldn\'t start client :', self._clientName);
-
-            return error;
-        });
-};
-
-LanguageClient.prototype.stop = function () {
-    var self = this;
-
-    self._initialized = false;
-    if (!self._connection) {
-        return Promise.resolve(true);
-    }
-
-
-    return ProtocolAdapter.shutdown(self._connection).then(function () {
-        ProtocolAdapter.exit(self._connection);
-        self._connection.dispose();
-        self._connection = null;
-    });
-};
-
-LanguageClient.prototype.request = function (params) {
-    var messageParams = params.params;
-    if (messageParams && messageParams.messageType === MESSAGE_TYPE.BRACKETS) {
-        if (!messageParams.type) {
-            console.log("Invalid brackets request");
-            return Promise.reject();
-        }
-
-        var requestHandler = this._onRequestHandler[messageParams.type];
-        if(validateHandler(requestHandler)) {
-            return requestHandler.call(null, messageParams.params);
-        }
-        console.log("No handler provided for brackets request type : ", messageParams.type);
-        return Promise.reject();
-    }
-    return ProtocolAdapter.processRequest(this._connection, params);
-
-};
-
-LanguageClient.prototype.notify = function (params) {
-    var messageParams = params.params;
-    if (messageParams && messageParams.messageType === MESSAGE_TYPE.BRACKETS) {
-        if (!messageParams.type) {
-            console.log("Invalid brackets notification");
-            return;
-        }
-
-        var notificationHandlers = this._onNotificationHandlers[messageParams.type];
-        if(notificationHandlers && Array.isArray(notificationHandlers) && notificationHandlers.length) {
-            notificationHandlers.forEach(function (handler) {
-                if(validateHandler(handler)) {
-                    handler.call(null, messageParams.params);
-                }
-            });
-        } else {
-            console.log("No handlers provided for brackets notification type : ", messageParams.type);
-        }
-    } else {
-        ProtocolAdapter.processNotification(this._connection, params);
-    }
-};
-
-LanguageClient.prototype.addOnRequestHandler = function (type, handler) {
-    if (validateHandler(handler)) {
-        this._onRequestHandler[type] = handler;
-    }
-};
-
-LanguageClient.prototype.addOnNotificationHandler = function (type, handler) {
-    if (validateHandler(handler)) {
-        if (!this._onNotificationHandlers[type]) {
-            this._onNotificationHandlers[type] = [];
-        }
-
-        this._onNotificationHandlers[type].push(handler);
-    }
-};
-
-LanguageClient.prototype._init = function (domainManager) {
-    this._bracketsInterface = new NodeToBracketsInterface(domainManager, this._clientName);
-
-    //Expose own methods for interfaceing. All these are async except notify.
-    this._bracketsInterface.registerMethods([
-        {
-            methodName: ToolingInfo.LANGUAGE_SERVICE.START,
-            methodHandle: this.start.bind(this)
-        },
-        {
-            methodName: ToolingInfo.LANGUAGE_SERVICE.STOP,
-            methodHandle: this.stop.bind(this)
-        },
-        {
-            methodName: ToolingInfo.LANGUAGE_SERVICE.REQUEST,
-            methodHandle: this.request.bind(this)
-        },
-        {
-            methodName: ToolingInfo.LANGUAGE_SERVICE.NOTIFY,
-            methodHandle: this.notify.bind(this)
-        }
-    ]);
-
-    //create function interfaces for Brackets
-    this._notifyBrackets = this._bracketsInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.NOTIFY);
-    this._requestBrackets = this._bracketsInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.REQUEST, true);
-};
-
-exports.LanguageClient = LanguageClient;
diff --git a/src/languageTools/LanguageClient/NodeToBracketsInterface.js b/src/languageTools/LanguageClient/NodeToBracketsInterface.js
deleted file mode 100644
index 82980d362c..0000000000
--- a/src/languageTools/LanguageClient/NodeToBracketsInterface.js
+++ /dev/null
@@ -1,213 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global require, Promise, exports*/
-/*eslint no-invalid-this: 0*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-(function () {
-
-
-
-    var EventEmitter = require("events"),
-        bracketsEventHandler = new EventEmitter();
-
-    /** https://gist.github.com/LeverOne/1308368 */
-    /*eslint-disable */
-    function _generateUUID() {
-        var result,
-            numericSeed;
-        for (
-            result = numericSeed = '';
-            numericSeed++ < 36;
-            result += numericSeed * 51 & 52 ? (numericSeed ^ 15 ? 8 ^ Math.random() * (numericSeed ^ 20 ? 16 : 4) : 4).toString(16) : '-'
-        );
-
-        return result;
-    }
-    /*eslint-enable */
-
-    function NodeToBracketsInterface(domainManager, domainName) {
-        this.domainManager = domainManager;
-        this.domainName = domainName;
-        this.nodeFn = {};
-
-        this._registerDataEvents(domainManager, domainName);
-    }
-
-    NodeToBracketsInterface.prototype.processRequest = function (params) {
-        var methodName = params.method;
-        if (this.nodeFn[methodName]) {
-            var method = this.nodeFn[methodName];
-            return method.call(null, params.params);
-        }
-    };
-
-    NodeToBracketsInterface.prototype.processAsyncRequest = function (params, resolver) {
-        var methodName = params.method;
-        if (this.nodeFn[methodName]) {
-            var method = this.nodeFn[methodName];
-            method.call(null, params.params) //The Async function should return a promise
-                .then(function (result) {
-                    resolver(null, result);
-                }).catch(function (err) {
-                    resolver(err, null);
-                });
-        }
-    };
-
-    NodeToBracketsInterface.prototype.processResponse = function (params) {
-        if (params.requestId) {
-            if (params.error) {
-                bracketsEventHandler.emit(params.requestId, params.error);
-            } else {
-                bracketsEventHandler.emit(params.requestId, false, params.params);
-            }
-        } else {
-            bracketsEventHandler.emit(params.requestId, "error");
-        }
-    };
-
-    NodeToBracketsInterface.prototype.createInterface = function (methodName, respond) {
-        var self = this;
-        return function (params) {
-            var callObject = {
-                method: methodName,
-                params: params
-            };
-
-            var retval = undefined;
-            if (respond) {
-                var requestId = _generateUUID();
-
-                callObject["respond"] = true;
-                callObject["requestId"] = requestId;
-
-                self.domainManager.emitEvent(self.domainName, "data", callObject);
-
-                retval = new Promise(function (resolve, reject) {
-                    bracketsEventHandler.once(requestId, function (err, response) {
-                        if (err) {
-                            reject(err);
-                        } else {
-                            resolve(response);
-                        }
-                    });
-                });
-            } else {
-                self.domainManager.emitEvent(self.domainName, "data", callObject);
-            }
-            return retval;
-        };
-    };
-
-    NodeToBracketsInterface.prototype.registerMethod = function (methodName, methodHandle) {
-        var self = this;
-        if (methodName && methodHandle &&
-            typeof methodName === "string" && typeof methodHandle === "function") {
-            self.nodeFn[methodName] = methodHandle;
-        }
-    };
-
-    NodeToBracketsInterface.prototype.registerMethods = function (methodList) {
-        var self = this;
-        methodList.forEach(function (methodObj) {
-            self.registerMethod(methodObj.methodName, methodObj.methodHandle);
-        });
-    };
-
-    NodeToBracketsInterface.prototype._registerDataEvents = function (domainManager, domainName) {
-        if (!domainManager.hasDomain(domainName)) {
-            domainManager.registerDomain(domainName, {
-                major: 0,
-                minor: 1
-            });
-        }
-
-        domainManager.registerCommand(
-            domainName,
-            "data",
-            this.processRequest.bind(this),
-            false,
-            "Receives sync request from brackets",
-            [
-                {
-                    name: "params",
-                    type: "object",
-                    description: "json object containing message info"
-                }
-            ],
-            []
-        );
-
-        domainManager.registerCommand(
-            domainName,
-            "response",
-            this.processResponse.bind(this),
-            false,
-            "Receives response from brackets for an earlier request",
-            [
-                {
-                    name: "params",
-                    type: "object",
-                    description: "json object containing message info"
-                }
-            ],
-            []
-        );
-
-        domainManager.registerCommand(
-            domainName,
-            "asyncData",
-            this.processAsyncRequest.bind(this),
-            true,
-            "Receives async call request from brackets",
-            [
-                {
-                    name: "params",
-                    type: "object",
-                    description: "json object containing message info"
-                },
-                {
-                    name: "resolver",
-                    type: "function",
-                    description: "callback required to resolve the async request"
-                }
-            ],
-            []
-        );
-
-        domainManager.registerEvent(
-            domainName,
-            "data",
-            [
-                {
-                    name: "params",
-                    type: "object",
-                    description: "json object containing message info to pass to brackets"
-                }
-            ]
-        );
-    };
-
-    exports.NodeToBracketsInterface = NodeToBracketsInterface;
-}());
diff --git a/src/languageTools/LanguageClient/ProtocolAdapter.js b/src/languageTools/LanguageClient/ProtocolAdapter.js
deleted file mode 100644
index 3ba1a07fb6..0000000000
--- a/src/languageTools/LanguageClient/ProtocolAdapter.js
+++ /dev/null
@@ -1,398 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global LanguageClientInfo*/
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint no-fallthrough: 0*/
-
-
-var protocol = require("vscode-languageserver-protocol"),
-    Utils = require("./Utils"),
-    ToolingInfo = LanguageClientInfo.toolingInfo,
-    MESSAGE_FORMAT = {
-        BRACKETS: "brackets",
-        LSP: "lsp"
-    };
-
-function _constructParamsAndRelay(relay, type, params) {
-    var _params = null,
-        handler = null;
-
-    //Check for param object format. We won't change anything if the object is preformatted.
-    if (params.format === MESSAGE_FORMAT.LSP) {
-        params.format = undefined;
-        _params = JSON.parse(JSON.stringify(params));
-    }
-
-    switch (type) {
-    case ToolingInfo.LANGUAGE_SERVICE.CUSTOM_REQUEST:
-        return sendCustomRequest(relay, params.type, params.params);
-    case ToolingInfo.LANGUAGE_SERVICE.CUSTOM_NOTIFICATION:
-        {
-            sendCustomNotification(relay, params.type, params.params);
-            break;
-        }
-    case ToolingInfo.SERVICE_REQUESTS.SHOW_SELECT_MESSAGE:
-    case ToolingInfo.SERVICE_REQUESTS.REGISTRATION_REQUEST:
-    case ToolingInfo.SERVICE_REQUESTS.UNREGISTRATION_REQUEST:
-    case ToolingInfo.SERVICE_REQUESTS.PROJECT_FOLDERS_REQUEST:
-        {
-            _params = {
-                type: type,
-                params: params
-            };
-            return relay(_params);
-        }
-    case ToolingInfo.SERVICE_NOTIFICATIONS.SHOW_MESSAGE:
-    case ToolingInfo.SERVICE_NOTIFICATIONS.LOG_MESSAGE:
-    case ToolingInfo.SERVICE_NOTIFICATIONS.TELEMETRY:
-    case ToolingInfo.SERVICE_NOTIFICATIONS.DIAGNOSTICS:
-        {
-            _params = {
-                type: type,
-                params: params
-            };
-            relay(_params);
-            break;
-        }
-    case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_OPENED:
-        {
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath),
-                    languageId: params.languageId,
-                    version: 1,
-                    text: params.fileContent
-                }
-            };
-            didOpenTextDocument(relay, _params);
-            break;
-        }
-    case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CHANGED:
-        {
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath),
-                    version: 1
-                },
-                contentChanges: [{
-                    text: params.fileContent
-                }]
-            };
-            didChangeTextDocument(relay, _params);
-            break;
-        }
-    case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_SAVED:
-        {
-            if (!_params) {
-                _params = {
-                    textDocument: {
-                        uri: Utils.pathToUri(params.filePath)
-                    }
-                };
-
-                if (params.fileContent) {
-                    _params['text'] = params.fileContent;
-                }
-            }
-            didSaveTextDocument(relay, _params);
-            break;
-        }
-    case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CLOSED:
-        {
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath)
-                }
-            };
-
-            didCloseTextDocument(relay, _params);
-            break;
-        }
-    case ToolingInfo.SYNCHRONIZE_EVENTS.PROJECT_FOLDERS_CHANGED:
-        {
-            var foldersAdded = params.foldersAdded || [],
-                foldersRemoved = params.foldersRemoved || [];
-
-            foldersAdded = Utils.convertToWorkspaceFolders(foldersAdded);
-            foldersRemoved = Utils.convertToWorkspaceFolders(foldersRemoved);
-
-            _params = _params || {
-                event: {
-                    added: foldersAdded,
-                    removed: foldersRemoved
-                }
-            };
-            didChangeWorkspaceFolders(relay, _params);
-            break;
-        }
-    case ToolingInfo.FEATURES.CODE_HINTS:
-        handler = completion;
-    case ToolingInfo.FEATURES.PARAMETER_HINTS:
-        handler = handler || signatureHelp;
-    case ToolingInfo.FEATURES.JUMP_TO_DECLARATION:
-        handler = handler || gotoDeclaration;
-    case ToolingInfo.FEATURES.JUMP_TO_DEFINITION:
-        handler = handler || gotoDefinition;
-    case ToolingInfo.FEATURES.JUMP_TO_IMPL:
-        {
-            handler = handler || gotoImplementation;
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath)
-                },
-                position: Utils.convertToLSPPosition(params.cursorPos)
-            };
-
-            return handler(relay, _params);
-        }
-    case ToolingInfo.FEATURES.CODE_HINT_INFO:
-        {
-            return completionItemResolve(relay, params);
-        }
-    case ToolingInfo.FEATURES.FIND_REFERENCES:
-        {
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath)
-                },
-                position: Utils.convertToLSPPosition(params.cursorPos),
-                context: {
-                    includeDeclaration: params.includeDeclaration
-                }
-            };
-
-            return findReferences(relay, _params);
-        }
-    case ToolingInfo.FEATURES.DOCUMENT_SYMBOLS:
-        {
-            _params = _params || {
-                textDocument: {
-                    uri: Utils.pathToUri(params.filePath)
-                }
-            };
-
-            return documentSymbol(relay, _params);
-        }
-    case ToolingInfo.FEATURES.PROJECT_SYMBOLS:
-        {
-            _params = _params || {
-                query: params.query
-            };
-
-            return workspaceSymbol(relay, _params);
-        }
-    }
-}
-
-/** For custom messages */
-function onCustom(connection, type, handler) {
-    connection.onNotification(type, handler);
-}
-
-function sendCustomRequest(connection, type, params) {
-    return connection.sendRequest(type, params);
-}
-
-function sendCustomNotification(connection, type, params) {
-    connection.sendNotification(type, params);
-}
-
-/** For Notification messages */
-function didOpenTextDocument(connection, params) {
-    connection.sendNotification(protocol.DidOpenTextDocumentNotification.type, params);
-}
-
-function didChangeTextDocument(connection, params) {
-    connection.sendNotification(protocol.DidChangeTextDocumentNotification.type, params);
-}
-
-function didCloseTextDocument(connection, params) {
-    connection.sendNotification(protocol.DidCloseTextDocumentNotification.type, params);
-}
-
-function didSaveTextDocument(connection, params) {
-    connection.sendNotification(protocol.DidSaveTextDocumentNotification.type, params);
-}
-
-function didChangeWorkspaceFolders(connection, params) {
-    connection.sendNotification(protocol.DidChangeWorkspaceFoldersNotification.type, params);
-}
-
-/** For Request messages */
-function completion(connection, params) {
-    return connection.sendRequest(protocol.CompletionRequest.type, params);
-}
-
-function completionItemResolve(connection, params) {
-    return connection.sendRequest(protocol.CompletionResolveRequest.type, params);
-}
-
-function signatureHelp(connection, params) {
-    return connection.sendRequest(protocol.SignatureHelpRequest.type, params);
-}
-
-function gotoDefinition(connection, params) {
-    return connection.sendRequest(protocol.DefinitionRequest.type, params);
-}
-
-function gotoDeclaration(connection, params) {
-    return connection.sendRequest(protocol.DeclarationRequest.type, params);
-}
-
-function gotoImplementation(connection, params) {
-    return connection.sendRequest(protocol.ImplementationRequest.type, params);
-}
-
-function findReferences(connection, params) {
-    return connection.sendRequest(protocol.ReferencesRequest.type, params);
-}
-
-function documentSymbol(connection, params) {
-    return connection.sendRequest(protocol.DocumentSymbolRequest.type, params);
-}
-
-function workspaceSymbol(connection, params) {
-    return connection.sendRequest(protocol.WorkspaceSymbolRequest.type, params);
-}
-
-/**
- * Server commands
- */
-function initialize(connection, params) {
-    var rootPath = params.rootPath,
-        workspaceFolders = params.rootPaths;
-
-    if(!rootPath && workspaceFolders && Array.isArray(workspaceFolders)) {
-        rootPath = workspaceFolders[0];
-    }
-
-    if (!workspaceFolders) {
-        workspaceFolders = [rootPath];
-    }
-
-    if (workspaceFolders.length) {
-        workspaceFolders = Utils.convertToWorkspaceFolders(workspaceFolders);
-    }
-
-    var _params = {
-        rootPath: rootPath,
-        rootUri: Utils.pathToUri(rootPath),
-        processId: process.pid,
-        capabilities: params.capabilities,
-        workspaceFolders: workspaceFolders
-    };
-
-    return connection.sendRequest(protocol.InitializeRequest.type, _params);
-}
-
-function initialized(connection) {
-    connection.sendNotification(protocol.InitializedNotification.type);
-}
-
-function shutdown(connection) {
-    return connection.sendRequest(protocol.ShutdownRequest.type);
-}
-
-function exit(connection) {
-    connection.sendNotification(protocol.ExitNotification.type);
-}
-
-function processRequest(connection, message) {
-    return _constructParamsAndRelay(connection, message.type, message.params);
-}
-
-function processNotification(connection, message) {
-    _constructParamsAndRelay(connection, message.type, message.params);
-}
-
-function attachOnNotificationHandlers(connection, handler) {
-    function _callbackFactory(type) {
-        switch (type) {
-        case protocol.ShowMessageNotification.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_NOTIFICATIONS.SHOW_MESSAGE);
-        case protocol.LogMessageNotification.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_NOTIFICATIONS.LOG_MESSAGE);
-        case protocol.TelemetryEventNotification.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_NOTIFICATIONS.TELEMETRY);
-        case protocol.PublishDiagnosticsNotification.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_NOTIFICATIONS.DIAGNOSTICS);
-        }
-    }
-
-    connection.onNotification(protocol.ShowMessageNotification.type, _callbackFactory(protocol.ShowMessageNotification.type));
-    connection.onNotification(protocol.LogMessageNotification.type, _callbackFactory(protocol.LogMessageNotification.type));
-    connection.onNotification(protocol.TelemetryEventNotification.type, _callbackFactory(protocol.TelemetryEventNotification.type));
-    connection.onNotification(protocol.PublishDiagnosticsNotification.type, _callbackFactory(protocol.PublishDiagnosticsNotification.type));
-    connection.onNotification(function (type, params) {
-        var _params = {
-            type: type,
-            params: params
-        };
-        handler(_params);
-    });
-}
-
-function attachOnRequestHandlers(connection, handler) {
-    function _callbackFactory(type) {
-        switch (type) {
-        case protocol.ShowMessageRequest.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_REQUESTS.SHOW_SELECT_MESSAGE);
-        case protocol.RegistrationRequest.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_REQUESTS.REGISTRATION_REQUEST);
-        case protocol.UnregistrationRequest.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_REQUESTS.UNREGISTRATION_REQUEST);
-        case protocol.WorkspaceFoldersRequest.type:
-            return _constructParamsAndRelay.bind(null, handler, ToolingInfo.SERVICE_REQUESTS.PROJECT_FOLDERS_REQUEST);
-        }
-    }
-
-    connection.onRequest(protocol.ShowMessageRequest.type, _callbackFactory(protocol.ShowMessageRequest.type));
-    connection.onRequest(protocol.RegistrationRequest.type, _callbackFactory(protocol.RegistrationRequest.type));
-    // See https://github.com/Microsoft/vscode-languageserver-node/issues/199
-    connection.onRequest("client/registerFeature", _callbackFactory(protocol.RegistrationRequest.type));
-    connection.onRequest(protocol.UnregistrationRequest.type, _callbackFactory(protocol.UnregistrationRequest.type));
-    // See https://github.com/Microsoft/vscode-languageserver-node/issues/199
-    connection.onRequest("client/unregisterFeature", _callbackFactory(protocol.UnregistrationRequest.type));
-    connection.onRequest(protocol.WorkspaceFoldersRequest.type, _callbackFactory(protocol.WorkspaceFoldersRequest.type));
-    connection.onRequest(function (type, params) {
-        var _params = {
-            type: type,
-            params: params
-        };
-        return handler(_params);
-    });
-}
-
-exports.initialize = initialize;
-exports.initialized = initialized;
-exports.shutdown = shutdown;
-exports.exit = exit;
-exports.onCustom = onCustom;
-exports.sendCustomRequest = sendCustomRequest;
-exports.sendCustomNotification = sendCustomNotification;
-exports.processRequest = processRequest;
-exports.processNotification = processNotification;
-exports.attachOnNotificationHandlers = attachOnNotificationHandlers;
-exports.attachOnRequestHandlers = attachOnRequestHandlers;
diff --git a/src/languageTools/LanguageClient/ServerUtils.js b/src/languageTools/LanguageClient/ServerUtils.js
deleted file mode 100644
index f0a3ff94a6..0000000000
--- a/src/languageTools/LanguageClient/ServerUtils.js
+++ /dev/null
@@ -1,427 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global exports, process, Promise, __dirname, global*/
-/*eslint no-console: 0*/
-/*eslint no-fallthrough: 0*/
-/* eslint no-empty: ["error", { "allowEmptyCatch": true }] */
-(function () {
-
-
-    var protocol = require("vscode-languageserver-protocol"),
-        cp = require("child_process"),
-        fs = require("fs");
-
-    var CommunicationTypes = {
-            NodeIPC: {
-                type: "ipc",
-                flag: "--node-ipc"
-            },
-            StandardIO: {
-                type: "stdio",
-                flag: "--stdio"
-            },
-            Pipe: {
-                type: "pipe",
-                flag: "--pipe"
-            },
-            Socket: {
-                type: "socket",
-                flag: "--socket"
-            }
-        },
-        CLIENT_PROCESS_ID_FLAG = "--clientProcessId";
-
-    function addCommunicationArgs(communication, processArgs, isRuntime) {
-        switch (communication) {
-        case CommunicationTypes.NodeIPC.type:
-            {
-                if (isRuntime) {
-                    processArgs.options.stdio = [null, null, null, 'ipc'];
-                    processArgs.args.push(CommunicationTypes.NodeIPC.flag);
-                } else {
-                    processArgs.args.push(CommunicationTypes.NodeIPC.flag);
-                }
-                break;
-            }
-        case CommunicationTypes.StandardIO.type:
-            {
-                processArgs.args.push(CommunicationTypes.StandardIO.flag);
-                break;
-            }
-        case CommunicationTypes.Pipe.type:
-            {
-                var pipeName = protocol.generateRandomPipeName(),
-                    pipeflag = CommunicationTypes.Pipe.flag + "=" + pipeName.toString();
-
-                processArgs.args.push(pipeflag);
-                processArgs.pipeName = pipeName;
-                break;
-            }
-        default:
-            {
-                if (communication && communication.type === CommunicationTypes.Socket.type) {
-                    var socketFlag = CommunicationTypes.Socket.flag + "=" + communication.port.toString();
-                    processArgs.args.push(socketFlag);
-                }
-            }
-        }
-
-        var clientProcessIdFlag = CLIENT_PROCESS_ID_FLAG + "=" + process.pid.toString();
-        processArgs.args.push(clientProcessIdFlag);
-    }
-
-    function _getEnvironment(env) {
-        if (!env) {
-            return process.env;
-        }
-
-        //Combine env vars
-        var result = Object.assign({}, process.env, env);
-        return result;
-    }
-
-    function _createReaderAndWriteByCommunicationType(resp, type) {
-        var retval = null;
-
-        switch (type) {
-        case CommunicationTypes.NodeIPC.type:
-            {
-                if (resp.process) {
-                    resp.process.stderr.on('data', function (data) {
-                        if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                            console.error('[Server logs @ stderr] "%s"', String(data));
-                        }
-                    });
-
-                    resp.process.stdout.on('data', function (data) {
-                        if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                            console.info('[Server logs @ stdout] "%s"', String(data));
-                        }
-                    });
-
-                    retval = {
-                        reader: new protocol.IPCMessageReader(resp.process),
-                        writer: new protocol.IPCMessageWriter(resp.process)
-                    };
-                }
-                break;
-            }
-        case CommunicationTypes.StandardIO.type:
-            {
-                if (resp.process) {
-                    resp.process.stderr.on('data', function (data) {
-                        if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                            console.error('[Server logs @ stderr] "%s"', String(data));
-                        }
-                    });
-
-                    retval = {
-                        reader: new protocol.StreamMessageReader(resp.process.stdout),
-                        writer: new protocol.StreamMessageWriter(resp.process.stdin)
-                    };
-                }
-                break;
-            }
-        case CommunicationTypes.Pipe.type:
-        case CommunicationTypes.Socket.type:
-            {
-                if (resp.reader && resp.writer && resp.process) {
-                    resp.process.stderr.on('data', function (data) {
-                        if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                            console.error('[Server logs @ stderr] "%s"', String(data));
-                        }
-                    });
-
-                    resp.process.stdout.on('data', function (data) {
-                        if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                            console.info('[Server logs @ stdout] "%s"', String(data));
-                        }
-                    });
-
-                    retval = {
-                        reader: resp.reader,
-                        writer: resp.writer
-                    };
-                }
-            }
-        }
-
-        return retval;
-    }
-
-    function _createReaderAndWriter(resp) {
-        var retval = null;
-
-        if (!resp) {
-            return retval;
-        }
-
-        if (resp.reader && resp.writer) {
-            retval = {
-                reader: resp.reader,
-                writer: resp.writer
-            };
-        } else if (resp.process) {
-            retval = {
-                reader: new protocol.StreamMessageReader(resp.process.stdout),
-                writer: new protocol.StreamMessageWriter(resp.process.stdin)
-            };
-
-            resp.process.stderr.on('data', function (data) {
-                if (global.LanguageClientInfo.preferences.showServerLogsInConsole) {
-                    console.error('[Server logs @ stderr] "%s"', String(data));
-                }
-            });
-        }
-
-        return retval;
-    }
-
-    function _isServerProcessValid(serverProcess) {
-        if (!serverProcess || !serverProcess.pid) {
-            return false;
-        }
-
-        return true;
-    }
-
-    function _startServerAndGetTransports(communication, processArgs, isRuntime) {
-        return new Promise(function (resolve, reject) {
-            var serverProcess = null,
-                result = null,
-                protocolTransport = null,
-                type = typeof communication === "object" ? communication.type : communication;
-
-            var processFunc = isRuntime ? cp.spawn : cp.fork;
-
-            switch (type) {
-            case CommunicationTypes.NodeIPC.type:
-            case CommunicationTypes.StandardIO.type:
-                {
-                    serverProcess = processFunc(processArgs.primaryArg, processArgs.args, processArgs.options);
-                    if (_isServerProcessValid(serverProcess)) {
-                        result = _createReaderAndWriteByCommunicationType({
-                            process: serverProcess
-                        }, type);
-
-                        resolve(result);
-                    } else {
-                        reject(null);
-                    }
-                    break;
-                }
-            case CommunicationTypes.Pipe.type:
-                {
-                    protocolTransport = protocol.createClientPipeTransport(processArgs.pipeName);
-                }
-            case CommunicationTypes.Socket.type:
-                {
-                    if (communication && communication.type === CommunicationTypes.Socket.type) {
-                        protocolTransport = protocol.createClientSocketTransport(communication.port);
-                    }
-
-                    if (!protocolTransport) {
-                        reject("Invalid Communications Object. Can't create connection with server");
-                        return;
-                    }
-
-                    protocolTransport.then(function (transportObj) {
-                        serverProcess = processFunc(processArgs.primaryArg, processArgs.args, processArgs.options);
-                        if (_isServerProcessValid(serverProcess)) {
-                            transportObj.onConnected().then(function (protocolObj) {
-                                result = _createReaderAndWriteByCommunicationType({
-                                    process: serverProcess,
-                                    reader: protocolObj[0],
-                                    writer: protocolObj[1]
-                                }, type);
-
-                                resolve(result);
-                            }).catch(reject);
-                        }
-                    }).catch(reject);
-                }
-            }
-        });
-    }
-
-    function _handleOtherRuntime(serverOptions) {
-        function _getArguments(sOptions) {
-            var args = [];
-
-            if (sOptions.options && sOptions.options.execArgv) {
-                args = args.concat(sOptions.options.execArgv);
-            }
-
-            args.push(sOptions.module);
-            if (sOptions.args) {
-                args = args.concat(sOptions.args);
-            }
-
-            return args;
-        }
-
-        function _getOptions(sOptions) {
-            var cwd = undefined,
-                env = undefined;
-
-            if (sOptions.options) {
-                if (sOptions.options.cwd) {
-                    try {
-                        if (fs.lstatSync(sOptions.options.cwd).isDirectory(sOptions.options.cwd)) {
-                            cwd = sOptions.options.cwd;
-                        }
-                    } catch (e) {}
-                }
-
-                cwd = cwd || __dirname;
-                if (sOptions.options.env) {
-                    env = sOptions.options.env;
-                }
-            }
-
-            var options = {
-                cwd: cwd,
-                env: _getEnvironment(env)
-            };
-
-            return options;
-        }
-
-        var communication = serverOptions.communication || CommunicationTypes.StandardIO.type,
-            args = _getArguments(serverOptions),
-            options = _getOptions(serverOptions),
-            processArgs = {
-                args: args,
-                options: options,
-                primaryArg: serverOptions.runtime
-            };
-
-        addCommunicationArgs(communication, processArgs, true);
-        return _startServerAndGetTransports(communication, processArgs, true);
-    }
-
-    function _handleNodeRuntime(serverOptions) {
-        function _getArguments(sOptions) {
-            var args = [];
-
-            if (sOptions.args) {
-                args = args.concat(sOptions.args);
-            }
-
-            return args;
-        }
-
-        function _getOptions(sOptions) {
-            var cwd = undefined;
-
-            if (sOptions.options) {
-                if (sOptions.options.cwd) {
-                    try {
-                        if (fs.lstatSync(sOptions.options.cwd).isDirectory(sOptions.options.cwd)) {
-                            cwd = sOptions.options.cwd;
-                        }
-                    } catch (e) {}
-                }
-                cwd = cwd || __dirname;
-            }
-
-            var options = Object.assign({}, sOptions.options);
-            options.cwd = cwd,
-                options.execArgv = options.execArgv || [];
-            options.silent = true;
-
-            return options;
-        }
-
-        var communication = serverOptions.communication || CommunicationTypes.StandardIO.type,
-            args = _getArguments(serverOptions),
-            options = _getOptions(serverOptions),
-            processArgs = {
-                args: args,
-                options: options,
-                primaryArg: serverOptions.module
-            };
-
-        addCommunicationArgs(communication, processArgs, false);
-        return _startServerAndGetTransports(communication, processArgs, false);
-    }
-
-
-    function _handleServerFunction(func) {
-        return func().then(function (resp) {
-            var result = _createReaderAndWriter(resp);
-
-            return result;
-        });
-    }
-
-    function _handleModules(serverOptions) {
-        if (serverOptions.runtime) {
-            return _handleOtherRuntime(serverOptions);
-        }
-        return _handleNodeRuntime(serverOptions);
-
-    }
-
-    function _handleExecutable(serverOptions) {
-        return new Promise(function (resolve, reject) {
-            var command = serverOptions.command,
-                args = serverOptions.args,
-                options = Object.assign({}, serverOptions.options);
-
-            var serverProcess = cp.spawn(command, args, options);
-            if (!serverProcess || !serverProcess.pid) {
-                reject("Failed to launch server using command :", command);
-            }
-
-            var result = _createReaderAndWriter({
-                process: serverProcess,
-                detached: !!options.detached
-            });
-
-            if (result) {
-                resolve(result);
-            } else {
-                reject(result);
-            }
-        });
-    }
-
-    function startServerAndGetConnectionArgs(serverOptions) {
-        if (typeof serverOptions === "function") {
-            return _handleServerFunction(serverOptions);
-        } else if (typeof serverOptions === "object") {
-            if (serverOptions.module) {
-                return _handleModules(serverOptions);
-            } else if (serverOptions.command) {
-                return _handleExecutable(serverOptions);
-            }
-        }
-
-        return Promise.reject(null);
-    }
-
-
-    exports.startServerAndGetConnectionArgs = startServerAndGetConnectionArgs;
-}());
diff --git a/src/languageTools/LanguageClient/Utils.js b/src/languageTools/LanguageClient/Utils.js
deleted file mode 100644
index 0770c34db6..0000000000
--- a/src/languageTools/LanguageClient/Utils.js
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*eslint-env es6, node*/
-
-
-var nodeURL = require("url"),
-    path = require("path");
-
-function pathToUri(filePath) {
-    var newPath = convertWinToPosixPath(filePath);
-    if (newPath[0] !== '/') {
-        newPath = `/${newPath}`;
-    }
-    return encodeURI(`file://${newPath}`).replace(/[?#]/g, encodeURIComponent);
-}
-
-function uriToPath(uri) {
-    var url = nodeURL.URL.parse(uri);
-    if (url.protocol !== 'file:' || url.path === undefined) {
-        return uri;
-    }
-
-    let filePath = decodeURIComponent(url.path);
-    if (process.platform === 'win32') {
-        if (filePath[0] === '/') {
-            filePath = filePath.substr(1);
-        }
-        return filePath;
-    }
-    return filePath;
-}
-
-function convertPosixToWinPath(filePath) {
-    return filePath.replace(/\//g, '\\');
-}
-
-function convertWinToPosixPath(filePath) {
-    return filePath.replace(/\\/g, '/');
-}
-
-function convertToLSPPosition(pos) {
-    return {
-        line: pos.line,
-        character: pos.ch
-    };
-}
-
-function convertToWorkspaceFolders(paths) {
-    var workspaceFolders = paths.map(function (folderPath) {
-        var uri = pathToUri(folderPath),
-            name = path.basename(folderPath);
-
-        return {
-            uri: uri,
-            name: name
-        };
-    });
-
-    return workspaceFolders;
-}
-
-exports.uriToPath = uriToPath;
-exports.pathToUri = pathToUri;
-exports.convertPosixToWinPath = convertPosixToWinPath;
-exports.convertWinToPosixPath = convertWinToPosixPath;
-exports.convertToLSPPosition = convertToLSPPosition;
-exports.convertToWorkspaceFolders = convertToWorkspaceFolders;
diff --git a/src/languageTools/LanguageClient/package.json b/src/languageTools/LanguageClient/package.json
deleted file mode 100644
index 2fdc6b6094..0000000000
--- a/src/languageTools/LanguageClient/package.json
+++ /dev/null
@@ -1,19 +0,0 @@
-{
-  "name": "brackets-language-client",
-  "version": "1.0.0",
-  "description": "Brackets language client interface for Language Server Protocol",
-  "main": "LanguageClient.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "keywords": [
-    "LSP",
-    "LanguageClient",
-    "Brackets"
-  ],
-  "author": "Adobe",
-  "license": "MIT",
-  "dependencies": {
-    "vscode-languageserver-protocol": "^3.14.1"
-  }
-}
diff --git a/src/languageTools/LanguageClientWrapper.js b/src/languageTools/LanguageClientWrapper.js
deleted file mode 100644
index 26eed4f4a5..0000000000
--- a/src/languageTools/LanguageClientWrapper.js
+++ /dev/null
@@ -1,666 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*eslint no-console: 0*/
-/*eslint indent: 0*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-define(function (require, exports, module) {
-
-
-    var ToolingInfo = JSON.parse(require("text!languageTools/ToolingInfo.json")),
-        MESSAGE_FORMAT = {
-            BRACKETS: "brackets",
-            LSP: "lsp"
-        };
-
-    function _addTypeInformation(type, params) {
-        return {
-            type: type,
-            params: params
-        };
-    }
-
-    function hasValidProp(obj, prop) {
-        return (obj && obj[prop] !== undefined && obj[prop] !== null);
-    }
-
-    function hasValidProps(obj, props) {
-        var retval = !!obj,
-            len = props.length,
-            i;
-
-        for (i = 0; retval && (i < len); i++) {
-            retval = (retval && obj[props[i]] !== undefined && obj[props[i]] !== null);
-        }
-
-        return retval;
-    }
-    /*
-        RequestParams creator - sendNotifications/request
-    */
-    function validateRequestParams(type, params) {
-        var validatedParams = null;
-
-        params = params || {};
-
-        //Don't validate if the formatting is done by the caller
-        if (params.format === MESSAGE_FORMAT.LSP) {
-            return params;
-        }
-
-        switch (type) {
-            case ToolingInfo.LANGUAGE_SERVICE.START:
-                {
-                    if (hasValidProp(params, "rootPaths") || hasValidProp(params, "rootPath")) {
-                        validatedParams = params;
-                        validatedParams.capabilities = validatedParams.capabilities || false;
-                    }
-                    break;
-                }
-            case ToolingInfo.FEATURES.CODE_HINTS:
-            case ToolingInfo.FEATURES.PARAMETER_HINTS:
-            case ToolingInfo.FEATURES.JUMP_TO_DECLARATION:
-            case ToolingInfo.FEATURES.JUMP_TO_DEFINITION:
-            case ToolingInfo.FEATURES.JUMP_TO_IMPL:
-                {
-                    if (hasValidProps(params, ["filePath", "cursorPos"])) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.FEATURES.CODE_HINT_INFO:
-                {
-                    validatedParams = params;
-                    break;
-                }
-            case ToolingInfo.FEATURES.FIND_REFERENCES:
-                {
-                    if (hasValidProps(params, ["filePath", "cursorPos"])) {
-                        validatedParams = params;
-                        validatedParams.includeDeclaration = validatedParams.includeDeclaration || false;
-                    }
-                    break;
-                }
-            case ToolingInfo.FEATURES.DOCUMENT_SYMBOLS:
-                {
-                    if (hasValidProp(params, "filePath")) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.FEATURES.PROJECT_SYMBOLS:
-                {
-                    if (hasValidProp(params, "query") && typeof params.query === "string") {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.LANGUAGE_SERVICE.CUSTOM_REQUEST:
-                {
-                    validatedParams = params;
-                }
-        }
-
-        return validatedParams;
-    }
-
-    /*
-        ReponseParams transformer - used by OnNotifications
-    */
-    function validateNotificationParams(type, params) {
-        var validatedParams = null;
-
-        params = params || {};
-
-        //Don't validate if the formatting is done by the caller
-        if (params.format === MESSAGE_FORMAT.LSP) {
-            return params;
-        }
-
-        switch (type) {
-            case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_OPENED:
-                {
-                    if (hasValidProps(params, ["filePath", "fileContent", "languageId"])) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CHANGED:
-                {
-                    if (hasValidProps(params, ["filePath", "fileContent"])) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_SAVED:
-                {
-                    if (hasValidProp(params, "filePath")) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CLOSED:
-                {
-                    if (hasValidProp(params, "filePath")) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.SYNCHRONIZE_EVENTS.PROJECT_FOLDERS_CHANGED:
-                {
-                    if (hasValidProps(params, ["foldersAdded", "foldersRemoved"])) {
-                        validatedParams = params;
-                    }
-                    break;
-                }
-            case ToolingInfo.LANGUAGE_SERVICE.CUSTOM_NOTIFICATION:
-                {
-                    validatedParams = params;
-                }
-        }
-
-        return validatedParams;
-    }
-
-    function validateHandler(handler) {
-        var retval = false;
-
-        if (handler && typeof handler === "function") {
-            retval = true;
-        } else {
-            console.warn("Handler validation failed. Handler should be of type 'function'. Provided handler is of type :", typeof handler);
-        }
-
-        return retval;
-    }
-
-    function LanguageClientWrapper(name, path, domainInterface, languages) {
-        this._name = name;
-        this._path = path;
-        this._domainInterface = domainInterface;
-        this._languages = languages || [];
-        this._startClient = null;
-        this._stopClient = null;
-        this._notifyClient = null;
-        this._requestClient = null;
-        this._onRequestHandler = {};
-        this._onNotificationHandlers = {};
-        this._dynamicCapabilities = {};
-        this._serverCapabilities = {};
-
-        //Initialize with keys for brackets events we want to tap into.
-        this._onEventHandlers = {
-            "activeEditorChange": [],
-            "projectOpen": [],
-            "beforeProjectClose": [],
-            "dirtyFlagChange": [],
-            "documentChange": [],
-            "fileNameChange": [],
-            "beforeAppClose": []
-        };
-
-        this._init();
-    }
-
-    LanguageClientWrapper.prototype._init = function () {
-        this._domainInterface.registerMethods([
-            {
-                methodName: ToolingInfo.LANGUAGE_SERVICE.REQUEST,
-                methodHandle: this._onRequestDelegator.bind(this)
-            },
-            {
-                methodName: ToolingInfo.LANGUAGE_SERVICE.NOTIFY,
-                methodHandle: this._onNotificationDelegator.bind(this)
-            }
-        ]);
-
-        //create function interfaces
-        this._startClient = this._domainInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.START, true);
-        this._stopClient = this._domainInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.STOP, true);
-        this._notifyClient = this._domainInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.NOTIFY);
-        this._requestClient = this._domainInterface.createInterface(ToolingInfo.LANGUAGE_SERVICE.REQUEST, true);
-    };
-
-    LanguageClientWrapper.prototype._onRequestDelegator = function (params) {
-        if (!params || !params.type) {
-            console.log("Invalid server request");
-            return $.Deferred().reject();
-        }
-
-        var requestHandler = this._onRequestHandler[params.type];
-        if (params.type === ToolingInfo.SERVICE_REQUESTS.REGISTRATION_REQUEST) {
-            return this._registrationShim(params.params, requestHandler);
-        }
-
-        if (params.type === ToolingInfo.SERVICE_REQUESTS.UNREGISTRATION_REQUEST) {
-            return this._unregistrationShim(params.params, requestHandler);
-        }
-
-        if (validateHandler(requestHandler)) {
-            return requestHandler.call(null, params.params);
-        }
-        console.log("No handler provided for server request type : ", params.type);
-        return $.Deferred().reject();
-
-    };
-
-    LanguageClientWrapper.prototype._onNotificationDelegator = function (params) {
-        if (!params || !params.type) {
-            console.log("Invalid server notification");
-            return;
-        }
-
-        var notificationHandlers = this._onNotificationHandlers[params.type];
-        if (notificationHandlers && Array.isArray(notificationHandlers) && notificationHandlers.length) {
-            notificationHandlers.forEach(function (handler) {
-                if (validateHandler(handler)) {
-                    handler.call(null, params.params);
-                }
-            });
-        } else {
-            console.log("No handlers provided for server notification type : ", params.type);
-        }
-    };
-
-    LanguageClientWrapper.prototype._request = function (type, params) {
-        params = validateRequestParams(type, params);
-        if (params) {
-            params = _addTypeInformation(type, params);
-            return this._requestClient(params);
-        }
-
-        console.log("Invalid Parameters provided for request type : ", type);
-        return $.Deferred().reject();
-    };
-
-    LanguageClientWrapper.prototype._notify = function (type, params) {
-        params = validateNotificationParams(type, params);
-        if (params) {
-            params = _addTypeInformation(type, params);
-            this._notifyClient(params);
-        } else {
-            console.log("Invalid Parameters provided for notification type : ", type);
-        }
-    };
-
-    LanguageClientWrapper.prototype._addOnRequestHandler = function (type, handler) {
-        if (validateHandler(handler)) {
-            this._onRequestHandler[type] = handler;
-        }
-    };
-
-    LanguageClientWrapper.prototype._addOnNotificationHandler = function (type, handler) {
-        if (validateHandler(handler)) {
-            if (!this._onNotificationHandlers[type]) {
-                this._onNotificationHandlers[type] = [];
-            }
-
-            this._onNotificationHandlers[type].push(handler);
-        }
-    };
-
-    /**
-        Requests
-    */
-    //start
-    LanguageClientWrapper.prototype.start = function (params) {
-        params = validateRequestParams(ToolingInfo.LANGUAGE_SERVICE.START, params);
-        if (params) {
-            var self = this;
-            return this._startClient(params)
-                    .then(function (result) {
-                        self.setServerCapabilities(result.capabilities);
-                        return $.Deferred().resolve(result);
-                    }, function (err) {
-                        return $.Deferred().reject(err);
-                    });
-        }
-
-        console.log("Invalid Parameters provided for request type : start");
-        return $.Deferred().reject();
-    };
-
-    //shutdown
-    LanguageClientWrapper.prototype.stop = function () {
-        return this._stopClient();
-    };
-
-    //restart
-    LanguageClientWrapper.prototype.restart = function (params) {
-        var self = this;
-        return this.stop().then(function () {
-            return self.start(params);
-        });
-    };
-
-    /**
-        textDocument requests
-    */
-    //completion
-    LanguageClientWrapper.prototype.requestHints = function (params) {
-        return this._request(ToolingInfo.FEATURES.CODE_HINTS, params)
-            .then(function(response) {
-                if(response && response.items && response.items.length) {
-                    logAnalyticsData("CODE_HINTS");
-                }
-                return $.Deferred().resolve(response);
-            }, function(err) {
-                return $.Deferred().reject(err);
-            });
-    };
-
-    //completionItemResolve
-    LanguageClientWrapper.prototype.getAdditionalInfoForHint = function (params) {
-        return this._request(ToolingInfo.FEATURES.CODE_HINT_INFO, params);
-    };
-
-    //signatureHelp
-    LanguageClientWrapper.prototype.requestParameterHints = function (params) {
-        return this._request(ToolingInfo.FEATURES.PARAMETER_HINTS, params)
-            .then(function(response) {
-                if (response && response.signatures && response.signatures.length) {
-                    logAnalyticsData("PARAM_HINTS");
-                }
-                return $.Deferred().resolve(response);
-            }, function(err) {
-                return $.Deferred().reject(err);
-            });
-    };
-
-    //gotoDefinition
-    LanguageClientWrapper.prototype.gotoDefinition = function (params) {
-        return this._request(ToolingInfo.FEATURES.JUMP_TO_DEFINITION, params)
-            .then(function(response) {
-                if(response && response.range) {
-                    logAnalyticsData("JUMP_TO_DEF");
-                }
-                return $.Deferred().resolve(response);
-            }, function(err) {
-                return $.Deferred().reject(err);
-            });
-    };
-
-    //gotoDeclaration
-    LanguageClientWrapper.prototype.gotoDeclaration = function (params) {
-        return this._request(ToolingInfo.FEATURES.JUMP_TO_DECLARATION, params);
-    };
-
-    //gotoImplementation
-    LanguageClientWrapper.prototype.gotoImplementation = function (params) {
-        return this._request(ToolingInfo.FEATURES.JUMP_TO_IMPL, params);
-    };
-
-    //findReferences
-    LanguageClientWrapper.prototype.findReferences = function (params) {
-        return this._request(ToolingInfo.FEATURES.FIND_REFERENCES, params);
-    };
-
-    //documentSymbol
-    LanguageClientWrapper.prototype.requestSymbolsForDocument = function (params) {
-        return this._request(ToolingInfo.FEATURES.DOCUMENT_SYMBOLS, params);
-    };
-
-    /**
-        workspace requests
-    */
-    //workspaceSymbol
-    LanguageClientWrapper.prototype.requestSymbolsForWorkspace = function (params) {
-        return this._request(ToolingInfo.FEATURES.PROJECT_SYMBOLS, params);
-    };
-
-    //These will mostly be callbacks/[done-fail](promises)
-    /**
-        Window OnNotifications
-    */
-    //showMessage
-    LanguageClientWrapper.prototype.addOnShowMessage = function (handler) {
-        this._addOnNotificationHandler(ToolingInfo.SERVICE_NOTIFICATIONS.SHOW_MESSAGE, handler);
-    };
-
-    //logMessage
-    LanguageClientWrapper.prototype.addOnLogMessage = function (handler) {
-        this._addOnNotificationHandler(ToolingInfo.SERVICE_NOTIFICATIONS.LOG_MESSAGE, handler);
-    };
-
-    /**
-        healthData/logging OnNotifications
-    */
-    //telemetry
-    LanguageClientWrapper.prototype.addOnTelemetryEvent = function (handler) {
-        this._addOnNotificationHandler(ToolingInfo.SERVICE_NOTIFICATIONS.TELEMETRY, handler);
-    };
-
-    /**
-        textDocument OnNotifications
-    */
-    //onPublishDiagnostics
-    LanguageClientWrapper.prototype.addOnCodeInspection = function (handler) {
-        this._addOnNotificationHandler(ToolingInfo.SERVICE_NOTIFICATIONS.DIAGNOSTICS, handler);
-    };
-
-    /**
-        Window OnRequest
-    */
-
-    //showMessageRequest - handler must return promise
-    LanguageClientWrapper.prototype.onShowMessageWithRequest = function (handler) {
-        this._addOnRequestHandler(ToolingInfo.SERVICE_REQUESTS.SHOW_SELECT_MESSAGE, handler);
-    };
-
-    LanguageClientWrapper.prototype.onProjectFoldersRequest = function (handler) {
-        this._addOnRequestHandler(ToolingInfo.SERVICE_REQUESTS.PROJECT_FOLDERS_REQUEST, handler);
-    };
-
-    LanguageClientWrapper.prototype._registrationShim = function (params, handler) {
-        var self = this;
-
-        var registrations = params.registrations;
-        registrations.forEach(function (registration) {
-            var id = registration.id;
-            self._dynamicCapabilities[id] = registration;
-        });
-        return validateHandler(handler) ? handler(params) : $.Deferred().resolve();
-    };
-
-    LanguageClientWrapper.prototype.onDynamicCapabilityRegistration = function (handler) {
-        this._addOnRequestHandler(ToolingInfo.SERVICE_REQUESTS.REGISTRATION_REQUEST, handler);
-    };
-
-    LanguageClientWrapper.prototype._unregistrationShim = function (params, handler) {
-        var self = this;
-
-        var unregistrations = params.unregistrations;
-        unregistrations.forEach(function (unregistration) {
-            var id = unregistration.id;
-            delete self._dynamicCapabilities[id];
-        });
-        return validateHandler(handler) ? handler(params) : $.Deferred().resolve();
-    };
-
-    LanguageClientWrapper.prototype.onDynamicCapabilityUnregistration = function (handler) {
-        this._addOnRequestHandler(ToolingInfo.SERVICE_REQUESTS.UNREGISTRATION_REQUEST, handler);
-    };
-
-    /*
-        Unimplemented OnNotifications
-            workspace
-                applyEdit (codeAction, codeLens)
-    */
-
-    /**
-        SendNotifications
-    */
-
-    /**
-        workspace SendNotifications
-    */
-    //didChangeProjectRoots
-    LanguageClientWrapper.prototype.notifyProjectRootsChanged = function (params) {
-        this._notify(ToolingInfo.SYNCHRONIZE_EVENTS.PROJECT_FOLDERS_CHANGED, params);
-    };
-
-    /**
-        textDocument SendNotifications
-    */
-    //didOpenTextDocument
-    LanguageClientWrapper.prototype.notifyTextDocumentOpened = function (params) {
-        this._notify(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_OPENED, params);
-    };
-
-    //didCloseTextDocument
-    LanguageClientWrapper.prototype.notifyTextDocumentClosed = function (params) {
-        this._notify(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CLOSED, params);
-    };
-
-    //didChangeTextDocument
-    LanguageClientWrapper.prototype.notifyTextDocumentChanged = function (params) {
-        this._notify(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CHANGED, params);
-    };
-
-    //didSaveTextDocument
-    LanguageClientWrapper.prototype.notifyTextDocumentSave = function (params) {
-        this._notify(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_SAVED, params);
-    };
-
-    /**
-        Custom messages
-     */
-
-    //customNotification
-    LanguageClientWrapper.prototype.sendCustomNotification = function (params) {
-        this._notify(ToolingInfo.LANGUAGE_SERVICE.CUSTOM_NOTIFICATION, params);
-    };
-
-    LanguageClientWrapper.prototype.onCustomNotification = function (type, handler) {
-        this._addOnNotificationHandler(type, handler);
-    };
-
-    //customRequest
-    LanguageClientWrapper.prototype.sendCustomRequest = function (params) {
-        return this._request(ToolingInfo.LANGUAGE_SERVICE.CUSTOM_REQUEST, params);
-    };
-
-    LanguageClientWrapper.prototype.onCustomRequest = function (type, handler) {
-        this._addOnRequestHandler(type, handler);
-    };
-
-    //Handling Brackets Events
-    LanguageClientWrapper.prototype.addOnEditorChangeHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["activeEditorChange"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addOnProjectOpenHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["projectOpen"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addBeforeProjectCloseHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["beforeProjectClose"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addOnDocumentDirtyFlagChangeHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["dirtyFlagChange"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addOnDocumentChangeHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["documentChange"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addOnFileRenameHandler = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["fileNameChange"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addBeforeAppClose = function (handler) {
-        if (validateHandler(handler)) {
-            this._onEventHandlers["beforeAppClose"].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.addOnCustomEventHandler = function (eventName, handler) {
-        if (validateHandler(handler)) {
-            if (!this._onEventHandlers[eventName]) {
-                this._onEventHandlers[eventName] = [];
-            }
-            this._onEventHandlers[eventName].push(handler);
-        }
-    };
-
-    LanguageClientWrapper.prototype.triggerEvent = function (event) {
-        var eventName = event.type,
-            eventArgs = arguments;
-
-        if (this._onEventHandlers[eventName] && Array.isArray(this._onEventHandlers[eventName])) {
-            var handlers = this._onEventHandlers[eventName];
-
-            handlers.forEach(function (handler) {
-                if (validateHandler(handler)) {
-                    handler.apply(null, eventArgs);
-                }
-            });
-        }
-    };
-
-    LanguageClientWrapper.prototype.getDynamicCapabilities = function () {
-        return this._dynamicCapabilities;
-    };
-
-    LanguageClientWrapper.prototype.getServerCapabilities = function () {
-        return this._serverCapabilities;
-    };
-
-    LanguageClientWrapper.prototype.setServerCapabilities = function (serverCapabilities) {
-        this._serverCapabilities = serverCapabilities;
-    };
-
-    exports.LanguageClientWrapper = LanguageClientWrapper;
-
-    function logAnalyticsData(typeStrKey) {
-        var editor =  require("editor/EditorManager").getActiveEditor(),
-            document = editor ? editor.document : null,
-            language = document ? document.language : null,
-            languageName = language ? language._name : "",
-            Metrics = require("utils/Metrics"),
-            typeStr = typeStrKey;
-
-        Metrics.countEvent(
-            Metrics.EVENT_TYPE.CODE_HINTS,
-            "languageServerProtocol",
-            typeStr + languageName.toLowerCase()
-          );
-    }
-
-    //For unit testting
-    exports.validateRequestParams = validateRequestParams;
-    exports.validateNotificationParams = validateNotificationParams;
-});
diff --git a/src/languageTools/LanguageTools.js b/src/languageTools/LanguageTools.js
deleted file mode 100644
index 513b73d2ac..0000000000
--- a/src/languageTools/LanguageTools.js
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*eslint no-console: 0*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint-env es6*/
-define(function (require, exports, module) {
-
-
-    var ClientLoader = require("languageTools/ClientLoader"),
-        EditorManager = require("editor/EditorManager"),
-        ProjectManager = require("project/ProjectManager"),
-        DocumentManager = require("document/DocumentManager"),
-        DocumentModule = require("document/Document"),
-        PreferencesManager = require("preferences/PreferencesManager"),
-        Strings = require("strings"),
-        LanguageClientWrapper = require("languageTools/LanguageClientWrapper").LanguageClientWrapper;
-
-    var languageClients = new Map(),
-        languageToolsPrefs = {
-            showServerLogsInConsole: false
-        },
-        BRACKETS_EVENTS_NAMES = {
-            EDITOR_CHANGE_EVENT: "activeEditorChange",
-            PROJECT_OPEN_EVENT: "projectOpen",
-            PROJECT_CLOSE_EVENT: "beforeProjectClose",
-            DOCUMENT_DIRTY_EVENT: "dirtyFlagChange",
-            DOCUMENT_CHANGE_EVENT: "documentChange",
-            FILE_RENAME_EVENT: "fileNameChange",
-            BEFORE_APP_CLOSE: "beforeAppClose"
-        };
-
-    PreferencesManager.definePreference("languageTools", "object", languageToolsPrefs, {
-        description: Strings.LANGUAGE_TOOLS_PREFERENCES
-    });
-
-    PreferencesManager.on("change", "languageTools", function () {
-        languageToolsPrefs = PreferencesManager.get("languageTools");
-
-        ClientLoader.syncPrefsWithDomain(languageToolsPrefs);
-    });
-
-    function registerLanguageClient(clientName, languageClient) {
-        languageClients.set(clientName, languageClient);
-    }
-
-    function _withNamespace(event) {
-        return event.split(" ")
-            .filter((value) => !!value)
-            .map((value) => value + ".language-tools")
-            .join(" ");
-    }
-
-    function _eventHandler() {
-        var eventArgs = arguments;
-        //Broadcast event to all clients
-        languageClients.forEach(function (client) {
-            client.triggerEvent.apply(client, eventArgs);
-        });
-    }
-
-    function _attachEventHandlers() {
-        //Attach standard listeners
-        EditorManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.EDITOR_CHANGE_EVENT), _eventHandler); //(event, current, previous)
-        ProjectManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.PROJECT_OPEN_EVENT), _eventHandler); //(event, directory)
-        ProjectManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.PROJECT_CLOSE_EVENT), _eventHandler); //(event, directory)
-        DocumentManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.DOCUMENT_DIRTY_EVENT), _eventHandler); //(event, document)
-        DocumentModule.on(_withNamespace(BRACKETS_EVENTS_NAMES.DOCUMENT_CHANGE_EVENT), _eventHandler); //(event, document, changeList)
-        DocumentManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.FILE_RENAME_EVENT), _eventHandler); //(event, oldName, newName)
-        ProjectManager.on(_withNamespace(BRACKETS_EVENTS_NAMES.BEFORE_APP_CLOSE), _eventHandler); //(event, oldName, newName)
-    }
-
-    _attachEventHandlers();
-
-    function listenToCustomEvent(eventModule, eventName) {
-        eventModule.on(_withNamespace(eventName), _eventHandler);
-    }
-
-    function initiateToolingService(clientName, clientFilePath, languages) {
-        var result = $.Deferred();
-
-        ClientLoader.initiateLanguageClient(clientName, clientFilePath)
-            .done(function (languageClientInfo) {
-                var languageClientName = languageClientInfo.name,
-                    languageClientInterface = languageClientInfo.interface,
-                    languageClient = new LanguageClientWrapper(languageClientName, clientFilePath, languageClientInterface, languages);
-
-                registerLanguageClient(languageClientName, languageClient);
-
-                result.resolve(languageClient);
-            })
-            .fail(result.reject);
-
-        return result;
-    }
-
-    exports.initiateToolingService = initiateToolingService;
-    exports.listenToCustomEvent = listenToCustomEvent;
-});
diff --git a/src/languageTools/ToolingInfo.json b/src/languageTools/ToolingInfo.json
deleted file mode 100644
index d7457ec6a9..0000000000
--- a/src/languageTools/ToolingInfo.json
+++ /dev/null
@@ -1,41 +0,0 @@
-{
-    "LANGUAGE_SERVICE": {
-        "START": "start",
-        "STOP": "stop",
-        "REQUEST": "request",
-        "NOTIFY": "notify",
-        "CANCEL_REQUEST": "cancelRequest",
-        "CUSTOM_REQUEST": "customRequest",
-        "CUSTOM_NOTIFICATION": "customNotification"
-    },
-    "SERVICE_NOTIFICATIONS": {
-        "SHOW_MESSAGE": "showMessage",
-        "LOG_MESSAGE": "logMessage",
-        "TELEMETRY": "telemetry",
-        "DIAGNOSTICS": "diagnostics"
-    },
-    "SERVICE_REQUESTS": {
-        "SHOW_SELECT_MESSAGE": "showSelectMessage",
-        "REGISTRATION_REQUEST": "registerDynamicCapability",
-        "UNREGISTRATION_REQUEST": "unregisterDynamicCapability",
-        "PROJECT_FOLDERS_REQUEST": "projectFoldersRequest"
-    },
-    "SYNCHRONIZE_EVENTS": {
-        "DOCUMENT_OPENED": "didOpen",
-        "DOCUMENT_CHANGED": "didChange",
-        "DOCUMENT_SAVED": "didSave",
-        "DOCUMENT_CLOSED": "didClose",
-        "PROJECT_FOLDERS_CHANGED": "projectRootsChanged"
-    },
-    "FEATURES": {
-        "CODE_HINTS": "codehints",
-        "CODE_HINT_INFO": "hintInfo",
-        "PARAMETER_HINTS": "parameterHints",
-        "JUMP_TO_DECLARATION": "declaration",
-        "JUMP_TO_DEFINITION": "definition",
-        "JUMP_TO_IMPL": "implementation",
-        "FIND_REFERENCES": "references",
-        "DOCUMENT_SYMBOLS": "documentSymbols",
-        "PROJECT_SYMBOLS": "projectSymbols"
-    }
-}
diff --git a/src/languageTools/node/RegisterLanguageClientInfo.js b/src/languageTools/node/RegisterLanguageClientInfo.js
deleted file mode 100644
index ad53ae5ed5..0000000000
--- a/src/languageTools/node/RegisterLanguageClientInfo.js
+++ /dev/null
@@ -1,296 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*global exports*/
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-
-
-var domainName = "LanguageClientInfo",
-    LANGUAGE_CLIENT_RELATIVE_PATH_ARRAY = ["languageTools", "LanguageClient", "LanguageClient"],
-    FORWARD_SLASH = "/",
-    BACKWARD_SLASH = "\\",
-    CompletionItemKind = {
-        Text: 1,
-        Method: 2,
-        Function: 3,
-        Constructor: 4,
-        Field: 5,
-        Variable: 6,
-        Class: 7,
-        Interface: 8,
-        Module: 9,
-        Property: 10,
-        Unit: 11,
-        Value: 12,
-        Enum: 13,
-        Keyword: 14,
-        Snippet: 15,
-        Color: 16,
-        File: 17,
-        Reference: 18,
-        Folder: 19,
-        EnumMember: 20,
-        Constant: 21,
-        Struct: 22,
-        Event: 23,
-        Operator: 24,
-        TypeParameter: 25
-    },
-    SymbolKind = {
-        File: 1,
-        Module: 2,
-        Namespace: 3,
-        Package: 4,
-        Class: 5,
-        Method: 6,
-        Property: 7,
-        Field: 8,
-        Constructor: 9,
-        Enum: 10,
-        Interface: 11,
-        Function: 12,
-        Variable: 13,
-        Constant: 14,
-        String: 15,
-        Number: 16,
-        Boolean: 17,
-        Array: 18,
-        Object: 19,
-        Key: 20,
-        Null: 21,
-        EnumMember: 22,
-        Struct: 23,
-        Event: 24,
-        Operator: 25,
-        TypeParameter: 26
-    },
-    defaultBracketsCapabilities = {
-        //brackets default capabilties
-        "workspace": {
-            "workspaceFolders": true,
-            "symbol": {
-                "dynamicRegistration": false,
-                "symbolKind": [
-                    SymbolKind.File,
-                    SymbolKind.Module,
-                    SymbolKind.Namespace,
-                    SymbolKind.Package,
-                    SymbolKind.Class,
-                    SymbolKind.Method,
-                    SymbolKind.Property,
-                    SymbolKind.Field,
-                    SymbolKind.Constructor,
-                    SymbolKind.Enum,
-                    SymbolKind.Interface,
-                    SymbolKind.Function,
-                    SymbolKind.Variable,
-                    SymbolKind.Constant,
-                    SymbolKind.String,
-                    SymbolKind.Number,
-                    SymbolKind.Boolean,
-                    SymbolKind.Array,
-                    SymbolKind.Object,
-                    SymbolKind.Key,
-                    SymbolKind.Null,
-                    SymbolKind.EnumMember,
-                    SymbolKind.Struct,
-                    SymbolKind.Event,
-                    SymbolKind.Operator,
-                    SymbolKind.TypeParameter
-                ]
-            }
-        },
-        "textDocument": {
-            "synchronization": {
-                "didSave": true
-            },
-            "completion": {
-                "dynamicRegistration": false,
-                "completionItem": {
-                    "deprecatedSupport": true,
-                    "documentationFormat": ["plaintext"],
-                    "preselectSupport": true
-                },
-                "completionItemKind": {
-                    "valueSet": [
-                        CompletionItemKind.Text,
-                        CompletionItemKind.Method,
-                        CompletionItemKind.Function,
-                        CompletionItemKind.Constructor,
-                        CompletionItemKind.Field,
-                        CompletionItemKind.Variable,
-                        CompletionItemKind.Class,
-                        CompletionItemKind.Interface,
-                        CompletionItemKind.Module,
-                        CompletionItemKind.Property,
-                        CompletionItemKind.Unit,
-                        CompletionItemKind.Value,
-                        CompletionItemKind.Enum,
-                        CompletionItemKind.Keyword,
-                        CompletionItemKind.Snippet,
-                        CompletionItemKind.Color,
-                        CompletionItemKind.File,
-                        CompletionItemKind.Reference,
-                        CompletionItemKind.Folder,
-                        CompletionItemKind.EnumMember,
-                        CompletionItemKind.Constant,
-                        CompletionItemKind.Struct,
-                        CompletionItemKind.Event,
-                        CompletionItemKind.Operator,
-                        CompletionItemKind.TypeParameter
-                    ]
-                },
-                "contextSupport": true
-            },
-            "signatureHelp": {
-                "dynamicRegistration": false,
-                "signatureInformation": {
-                    "documentationFormat": ["plaintext"]
-                }
-            },
-            "references": {
-                "dynamicRegistration": false
-            },
-            "documentSymbol": {
-                "dynamicRegistration": false,
-                "symbolKind": {
-                    "valueSet": [
-                        SymbolKind.File,
-                        SymbolKind.Module,
-                        SymbolKind.Namespace,
-                        SymbolKind.Package,
-                        SymbolKind.Class,
-                        SymbolKind.Method,
-                        SymbolKind.Property,
-                        SymbolKind.Field,
-                        SymbolKind.Constructor,
-                        SymbolKind.Enum,
-                        SymbolKind.Interface,
-                        SymbolKind.Function,
-                        SymbolKind.Variable,
-                        SymbolKind.Constant,
-                        SymbolKind.String,
-                        SymbolKind.Number,
-                        SymbolKind.Boolean,
-                        SymbolKind.Array,
-                        SymbolKind.Object,
-                        SymbolKind.Key,
-                        SymbolKind.Null,
-                        SymbolKind.EnumMember,
-                        SymbolKind.Struct,
-                        SymbolKind.Event,
-                        SymbolKind.Operator,
-                        SymbolKind.TypeParameter
-                    ]
-                },
-                "hierarchicalDocumentSymbolSupport": false
-            },
-            "definition": {
-                "dynamicRegistration": false
-            },
-            "declaration": {
-                "dynamicRegistration": false
-            },
-            "typeDefinition": {
-                "dynamicRegistration": false
-            },
-            "implementation": {
-                "dynamicRegistration": false
-            },
-            "publishDiagnostics": {
-                "relatedInformation": true
-            }
-        }
-    };
-
-function syncPreferences(prefs) {
-    global.LanguageClientInfo = global.LanguageClientInfo || {};
-    global.LanguageClientInfo.preferences = prefs || global.LanguageClientInfo.preferences || {};
-}
-
-function initialize(bracketsSourcePath, toolingInfo, resolve) {
-    if (!bracketsSourcePath || !toolingInfo) {
-        resolve(true, null); //resolve with err param
-    }
-
-    var normalizedBracketsSourcePath = bracketsSourcePath.split(BACKWARD_SLASH).join(FORWARD_SLASH),
-        bracketsSourcePathArray = normalizedBracketsSourcePath.split(FORWARD_SLASH),
-        languageClientAbsolutePath = bracketsSourcePathArray.concat(LANGUAGE_CLIENT_RELATIVE_PATH_ARRAY).join(FORWARD_SLASH);
-
-    global.LanguageClientInfo = global.LanguageClientInfo || {};
-    global.LanguageClientInfo.languageClientPath = languageClientAbsolutePath;
-    global.LanguageClientInfo.defaultBracketsCapabilities = defaultBracketsCapabilities;
-    global.LanguageClientInfo.toolingInfo = toolingInfo;
-    global.LanguageClientInfo.preferences = {};
-
-    resolve(null, true); //resolve with boolean denoting success
-}
-
-function init(domainManager) {
-    if (!domainManager.hasDomain(domainName)) {
-        domainManager.registerDomain(domainName, {
-            major: 0,
-            minor: 1
-        });
-    }
-
-    domainManager.registerCommand(
-        domainName,
-        "initialize",
-        initialize,
-        true,
-        "Initialize node environment for Language Client Module",
-        [
-            {
-                name: "bracketsSourcePath",
-                type: "string",
-                description: "Absolute path to the brackets source"
-            },
-            {
-                name: "toolingInfo",
-                type: "object",
-                description: "Tooling Info json to be used by Language Client"
-            }
-        ],
-        []
-    );
-
-    domainManager.registerCommand(
-        domainName,
-        "syncPreferences",
-        syncPreferences,
-        false,
-        "Sync language tools preferences for Language Client Module",
-        [
-            {
-                name: "prefs",
-                type: "object",
-                description: "Language tools preferences"
-            }
-        ],
-        []
-    );
-}
-
-exports.init = init;
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 9a596f3b70..968ae2e34d 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -1734,9 +1734,6 @@ define({
     "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP Tooling default configuration settings",
     "OPEN_PREFERENNCES": "Open Preferences",
 
-    //Strings for LanguageTools Preferences
-    "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
-
     "FIND_ALL_REFERENCES": "Find All References",
     "REFERENCES_IN_FILES": "references",
     "REFERENCE_IN_FILES": "reference",
diff --git a/test/SpecRunner.js b/test/SpecRunner.js
index 99bb6e82d6..9a3bc6068e 100644
--- a/test/SpecRunner.js
+++ b/test/SpecRunner.js
@@ -281,11 +281,7 @@ define(function (require, exports, module) {
 
     //load Language Tools Module
     require("languageTools/PathConverters");
-    require("languageTools/LanguageTools");
-    require("languageTools/ClientLoader");
-    require("languageTools/BracketsToNodeInterface");
     require("languageTools/DefaultProviders");
-    require("languageTools/DefaultEventHandlers");
 
 	//load language features
     require("features/ParameterHintsManager");
diff --git a/test/UnitTestSuite.js b/test/UnitTestSuite.js
index e7f7812430..7a50deccb5 100644
--- a/test/UnitTestSuite.js
+++ b/test/UnitTestSuite.js
@@ -150,6 +150,5 @@ define(function (require, exports, module) {
     // pro test suite optional components
     require("./pro-test-suite");
     // todo TEST_MODERN
-    // require("spec/LanguageTools-test"); LSP tests. disabled for now
     // require("spec/Menu-native-integ-test"); evaluate after we have native menus in os installed builds
 });
diff --git a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/client.js b/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/client.js
deleted file mode 100644
index 0f42ff886b..0000000000
--- a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/client.js
+++ /dev/null
@@ -1,121 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    path = require("path"),
-    clientName = "CommunicationTestClient",
-    client = null,
-    modulePath = null,
-    getPort = require("get-port"),
-    relativeLSPathArray = ["..", "..", "server", "lsp-test-server", "main.js"],
-    FORWARD_SLASH = "/",
-    BACKWARD_SLASH = "\\",
-    defaultPort = 3000;
-
-function getServerOptionsForSocket() {
-    return new Promise(function (resolve, reject) {
-        var serverPath = modulePath.split(BACKWARD_SLASH)
-            .join(FORWARD_SLASH).split(FORWARD_SLASH).concat(relativeLSPathArray)
-            .join(FORWARD_SLASH);
-
-        getPort({
-                port: defaultPort
-            })
-            .then(function (port) {
-
-                var serverOptions = {
-                    module: serverPath,
-                    communication: {
-                        type: "socket",
-                        port: port
-                    }
-                };
-                resolve(serverOptions);
-            })
-            .catch(reject);
-
-    });
-}
-
-function getServerOptions(type) {
-    var serverPath = modulePath.split(BACKWARD_SLASH)
-        .join(FORWARD_SLASH).split(FORWARD_SLASH).concat(relativeLSPathArray)
-        .join(FORWARD_SLASH);
-
-    serverPath = path.resolve(serverPath);
-
-    var serverOptions = {
-        module: serverPath,
-        communication: type
-    };
-
-    return serverOptions;
-}
-
-function setModulePath(params) {
-    modulePath = params.modulePath.slice(0, params.modulePath.length - 1);
-
-    return Promise.resolve();
-}
-
-function setOptions(params) {
-    if (!params || !params.communicationType) {
-        return Promise.reject("Can't start server because no communication type provided");
-    }
-
-    var cType = params.communicationType,
-        options = {
-            serverOptions: getServerOptions(cType)
-        };
-
-    client.setOptions(options);
-
-    return Promise.resolve("Server options set successfully");
-}
-
-function setOptionsForSocket() {
-    return new Promise(function (resolve, reject) {
-        getServerOptionsForSocket()
-            .then(function (serverOptions) {
-                var options = {
-                    serverOptions: serverOptions
-                };
-                client.setOptions(options);
-
-                resolve();
-            }).catch(reject);
-    });
-}
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-    client.addOnRequestHandler('setModulePath', setModulePath);
-    client.addOnRequestHandler('setOptions', setOptions);
-    client.addOnRequestHandler('setOptionsForSocket', setOptionsForSocket);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/main.js b/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/main.js
deleted file mode 100644
index 52c8ce0d28..0000000000
--- a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/main.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "CommunicationTestClient",
-        clientPromise = null,
-        client = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(function (textClient) {
-                client = textClient;
-
-                client.sendCustomRequest({
-                    messageType: "brackets",
-                    type: "setModulePath",
-                    params: {
-                        modulePath: ExtensionUtils.getModulePath(module)
-                    }
-                }).then(retval.resolve);
-
-
-            }, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-
-    exports.getClient = function () {
-        return client;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/package.json b/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/package.json
deleted file mode 100644
index cc25d2ac62..0000000000
--- a/test/spec/LanguageTools-test-files/clients/CommunicationTestClient/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "devDependencies": {
-    "get-port": "^4.2.0"
-  }
-}
diff --git a/test/spec/LanguageTools-test-files/clients/FeatureClient/client.js b/test/spec/LanguageTools-test-files/clients/FeatureClient/client.js
deleted file mode 100644
index 95050e7e0b..0000000000
--- a/test/spec/LanguageTools-test-files/clients/FeatureClient/client.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    path = require("path"),
-    clientName = "FeatureClient",
-    client = null,
-    modulePath = null,
-    relativeLSPathArray = ["..", "..", "server", "lsp-test-server", "main.js"],
-    FORWARD_SLASH = "/",
-    BACKWARD_SLASH = "\\";
-
-function getServerOptions() {
-    var serverPath = modulePath.split(BACKWARD_SLASH)
-        .join(FORWARD_SLASH).split(FORWARD_SLASH).concat(relativeLSPathArray)
-        .join(FORWARD_SLASH);
-
-    serverPath = path.resolve(serverPath);
-
-    var serverOptions = {
-        module: serverPath //node should fork this
-    };
-
-    return serverOptions;
-}
-
-function setModulePath(params) {
-    modulePath = params.modulePath.slice(0, params.modulePath.length - 1);
-
-    return Promise.resolve();
-}
-
-function setOptions(params) {
-    var options = {
-        serverOptions: getServerOptions()
-    };
-
-    client.setOptions(options);
-
-    return Promise.resolve("Server options set successfully");
-}
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-    client.addOnRequestHandler('setModulePath', setModulePath);
-    client.addOnRequestHandler('setOptions', setOptions);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/FeatureClient/main.js b/test/spec/LanguageTools-test-files/clients/FeatureClient/main.js
deleted file mode 100644
index 8243d14fd5..0000000000
--- a/test/spec/LanguageTools-test-files/clients/FeatureClient/main.js
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "FeatureClient",
-        clientPromise = null,
-        client = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(function (textClient) {
-                client = textClient;
-
-                client.sendCustomRequest({
-                    messageType: "brackets",
-                    type: "setModulePath",
-                    params: {
-                        modulePath: ExtensionUtils.getModulePath(module)
-                    }
-                }).then(function () {
-                    return client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions"
-                    });
-                }).then(function () {
-                    retval.resolve();
-                });
-
-            }, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-
-    exports.getClient = function () {
-        return client;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/client.js b/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/client.js
deleted file mode 100644
index 15ae4c8de3..0000000000
--- a/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/client.js
+++ /dev/null
@@ -1,130 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    clientName = "InterfaceTestClient",
-    client = null;
-
-function notificationMethod(params) {
-    switch (params.action) {
-        case 'acknowledgement':
-            {
-                client._notifyBrackets({
-                    type: "acknowledge",
-                    params: {
-                        acknowledgement: true,
-                        clientName: clientName
-                    }
-                });
-                break;
-            }
-        case 'nodeSyncRequest':
-            {
-                var syncRequest = client._requestBrackets({
-                    type: "nodeSyncRequest",
-                    params: {
-                        syncRequest: true,
-                        clientName: clientName
-                    }
-                });
-
-                syncRequest.then(function (value) {
-                    client._notifyBrackets({
-                        type: "validateSyncRequest",
-                        params: {
-                            syncRequestResult: value,
-                            clientName: clientName
-                        }
-                    });
-                });
-                break;
-            }
-        case 'nodeAsyncRequestWhichResolves':
-            {
-                var asyncRequestS = client._requestBrackets({
-                    type: "nodeAsyncRequestWhichResolves",
-                    params: {
-                        asyncRequest: true,
-                        clientName: clientName
-                    }
-                });
-
-                asyncRequestS.then(function (value) {
-                    client._notifyBrackets({
-                        type: "validateAsyncSuccess",
-                        params: {
-                            asyncRequestResult: value,
-                            clientName: clientName
-                        }
-                    });
-                });
-                break;
-            }
-        case 'nodeAsyncRequestWhichFails':
-            {
-                var asyncRequestE = client._requestBrackets({
-                    type: "nodeAsyncRequestWhichFails",
-                    params: {
-                        asyncRequest: true,
-                        clientName: clientName
-                    }
-                });
-
-                asyncRequestE.catch(function (value) {
-                    client._notifyBrackets({
-                        type: "validateAsyncFail",
-                        params: {
-                            asyncRequestError: value,
-                            clientName: clientName
-                        }
-                    });
-                });
-                break;
-            }
-    }
-}
-
-function requestMethod(params) {
-    switch (params.action) {
-        case 'resolve':
-            {
-                return Promise.resolve("resolved");
-            }
-        case 'reject':
-            {
-                return Promise.reject("rejected");
-            }
-    }
-}
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-    client.addOnNotificationHandler("notificationMethod", notificationMethod);
-    client.addOnRequestHandler('requestMethod', requestMethod);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/main.js b/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/main.js
deleted file mode 100644
index 5889e5a3b3..0000000000
--- a/test/spec/LanguageTools-test-files/clients/InterfaceTestClient/main.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "InterfaceTestClient",
-        clientPromise = null,
-        client = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(function (textClient) {
-                client = textClient;
-                retval.resolve();
-            }, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-
-    exports.getClient = function () {
-        return client;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/client.js b/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/client.js
deleted file mode 100644
index 9dd7784874..0000000000
--- a/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/client.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    clientName = "LoadSimpleClient",
-    client = null;
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/main.js b/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/main.js
deleted file mode 100644
index c4160a98cf..0000000000
--- a/test/spec/LanguageTools-test-files/clients/LoadSimpleClient/main.js
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "LoadSimpleClient",
-        clientPromise = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(retval.resolve, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/clients/ModuleTestClient/client.js b/test/spec/LanguageTools-test-files/clients/ModuleTestClient/client.js
deleted file mode 100644
index 2f5c22c2f6..0000000000
--- a/test/spec/LanguageTools-test-files/clients/ModuleTestClient/client.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    path = require("path"),
-    clientName = "ModuleTestClient",
-    client = null,
-    modulePath = null,
-    relativeLSPathArray = ["..", "..", "server", "lsp-test-server", "main.js"],
-    FORWARD_SLASH = "/",
-    BACKWARD_SLASH = "\\";
-
-function getServerOptions() {
-    var serverPath = modulePath.split(BACKWARD_SLASH)
-        .join(FORWARD_SLASH).split(FORWARD_SLASH).concat(relativeLSPathArray)
-        .join(FORWARD_SLASH);
-
-    serverPath = path.resolve(serverPath);
-
-    var serverOptions = {
-        module: serverPath //node should fork this
-    };
-
-    return serverOptions;
-}
-
-function setModulePath(params) {
-    modulePath = params.modulePath.slice(0, params.modulePath.length - 1);
-
-    return Promise.resolve();
-}
-
-function setOptions(params) {
-    var options = {
-        serverOptions: getServerOptions()
-    };
-
-    client.setOptions(options);
-
-    return Promise.resolve("Server options set successfully");
-}
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-    client.addOnRequestHandler('setModulePath', setModulePath);
-    client.addOnRequestHandler('setOptions', setOptions);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/ModuleTestClient/main.js b/test/spec/LanguageTools-test-files/clients/ModuleTestClient/main.js
deleted file mode 100644
index b3507f9d88..0000000000
--- a/test/spec/LanguageTools-test-files/clients/ModuleTestClient/main.js
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "ModuleTestClient",
-        clientPromise = null,
-        client = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(function (textClient) {
-                client = textClient;
-
-                client.sendCustomRequest({
-                    messageType: "brackets",
-                    type: "setModulePath",
-                    params: {
-                        modulePath: ExtensionUtils.getModulePath(module)
-                    }
-                }).then(function () {
-                    return client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions"
-                    });
-                }).then(function () {
-                    retval.resolve();
-                });
-
-            }, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-
-    exports.getClient = function () {
-        return client;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/clients/OptionsTestClient/client.js b/test/spec/LanguageTools-test-files/clients/OptionsTestClient/client.js
deleted file mode 100644
index d038105cae..0000000000
--- a/test/spec/LanguageTools-test-files/clients/OptionsTestClient/client.js
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-
-"use strict";
-
-var LanguageClient = require(global.LanguageClientInfo.languageClientPath).LanguageClient,
-    path = require("path"),
-    cp = require("child_process"),
-    clientName = "OptionsTestClient",
-    client = null,
-    modulePath = null,
-    relativeLSPathArray = ["..", "..", "server", "lsp-test-server"],
-    FORWARD_SLASH = "/",
-    BACKWARD_SLASH = "\\";
-
-function getServerOptions(type) {
-    var serverPath = modulePath.split(BACKWARD_SLASH)
-        .join(FORWARD_SLASH).split(FORWARD_SLASH).concat(relativeLSPathArray)
-        .join(FORWARD_SLASH);
-
-    var newEnv = process.env;
-    newEnv.CUSTOMENVVARIABLE = "ANYTHING";
-
-    serverPath = path.resolve(serverPath);
-    var serverOptions = null;
-
-    switch (type) {
-        case 'runtime':
-            {
-                // [runtime] [execArgs] [module] [args (with communication args)] (with options[env, cwd])
-                serverOptions = {
-                    runtime: process.execPath, //Path to node but could be anything, like php or perl
-                    module: "main.js",
-                    args: [
-                    "--server-args" //module args
-                ], //Arguments to process
-                    options: {
-                        cwd: serverPath, //The current directory where main.js is located
-                        env: newEnv, //The process will be started CUSTOMENVVARIABLE in its environment
-                        execArgv: [
-                        "--no-warnings",
-                        "--no-deprecation" //runtime executable args
-                    ]
-                    },
-                    communication: "ipc"
-                };
-                break;
-            }
-        case 'function':
-            {
-                serverOptions = function () {
-                    return new Promise(function (resolve, reject) {
-                        var serverProcess = cp.spawn(process.execPath, [
-                            "main.js",
-                            "--stdio" //Have to add communication args manually
-                        ], {
-                            cwd: serverPath
-                        });
-
-                        if (serverProcess && serverProcess.pid) {
-                            resolve({
-                                process: serverProcess
-                            });
-                        } else {
-                            reject("Couldn't create server process");
-                        }
-                    });
-                };
-                break;
-            }
-        case 'command':
-            {
-                // [command] [args] (with options[env, cwd])
-                serverOptions = {
-                    command: process.execPath, //Path to executable, mostly runtime
-                    args: [
-                    "--no-warnings",
-                    "--no-deprecation",
-                    "main.js",
-                    "--stdio", //Have to add communication args manually
-                    "--server-args"
-                ], //Arguments to process, ORDER WILL MATTER
-                    options: {
-                        cwd: serverPath,
-                        env: newEnv //The process will be started CUSTOMENVVARIABLE in its environment
-                    }
-                };
-                break;
-            }
-    }
-
-    return serverOptions;
-}
-
-function setModulePath(params) {
-    modulePath = params.modulePath.slice(0, params.modulePath.length - 1);
-
-    return Promise.resolve();
-}
-
-function setOptions(params) {
-    if (!params || !params.optionsType) {
-        return Promise.reject("Can't start server because no options type provided");
-    }
-
-    var oType = params.optionsType,
-        options = {
-            serverOptions: getServerOptions(oType)
-        };
-
-    client.setOptions(options);
-
-    return Promise.resolve("Server options set successfully");
-}
-
-function init(domainManager) {
-    client = new LanguageClient(clientName, domainManager);
-    client.addOnRequestHandler('setModulePath', setModulePath);
-    client.addOnRequestHandler('setOptions', setOptions);
-}
-
-exports.init = init;
diff --git a/test/spec/LanguageTools-test-files/clients/OptionsTestClient/main.js b/test/spec/LanguageTools-test-files/clients/OptionsTestClient/main.js
deleted file mode 100644
index 67610b9f0e..0000000000
--- a/test/spec/LanguageTools-test-files/clients/OptionsTestClient/main.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-define(function (require, exports, module) {
-    "use strict";
-
-    var LanguageTools = brackets.getModule("languageTools/LanguageTools"),
-        AppInit = brackets.getModule("utils/AppInit"),
-        ExtensionUtils = brackets.getModule("utils/ExtensionUtils");
-
-    var clientFilePath = ExtensionUtils.getModulePath(module, "client.js"),
-        clientName = "OptionsTestClient",
-        clientPromise = null,
-        client = null;
-
-    AppInit.appReady(function () {
-        clientPromise = LanguageTools.initiateToolingService(clientName, clientFilePath, ['unknown']);
-    });
-
-    exports.initExtension = function () {
-        var retval = $.Deferred();
-
-        if ($.isFunction(clientPromise.promise)) {
-            clientPromise.then(function (textClient) {
-                client = textClient;
-
-                client.sendCustomRequest({
-                    messageType: "brackets",
-                    type: "setModulePath",
-                    params: {
-                        modulePath: ExtensionUtils.getModulePath(module)
-                    }
-                }).then(retval.resolve);
-
-
-            }, retval.reject);
-        } else {
-            retval.reject();
-        }
-
-        return retval;
-    };
-
-    exports.getClient = function () {
-        return client;
-    };
-});
diff --git a/test/spec/LanguageTools-test-files/project/sample1.txt b/test/spec/LanguageTools-test-files/project/sample1.txt
deleted file mode 100644
index 8de75dcb4d..0000000000
--- a/test/spec/LanguageTools-test-files/project/sample1.txt
+++ /dev/null
@@ -1 +0,0 @@
-This has some text.
\ No newline at end of file
diff --git a/test/spec/LanguageTools-test-files/project/sample2.txt b/test/spec/LanguageTools-test-files/project/sample2.txt
deleted file mode 100644
index 9289cdf260..0000000000
--- a/test/spec/LanguageTools-test-files/project/sample2.txt
+++ /dev/null
@@ -1 +0,0 @@
-This has error text.
\ No newline at end of file
diff --git a/test/spec/LanguageTools-test-files/server/lsp-test-server/main.js b/test/spec/LanguageTools-test-files/server/lsp-test-server/main.js
deleted file mode 100644
index 2e0358eab1..0000000000
--- a/test/spec/LanguageTools-test-files/server/lsp-test-server/main.js
+++ /dev/null
@@ -1,255 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-/*eslint-env es6, node*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-/*eslint indent: 0*/
-'use strict';
-
-var vls = require("vscode-languageserver"),
-    connection = vls.createConnection(vls.ProposedFeatures.all);
-
-connection.onInitialize(function (params) {
-    return {
-        capabilities: {
-            textDocumentSync: 1,
-            completionProvider: {
-                resolveProvider: true,
-                triggerCharacters: [
-                    '=',
-                    ' ',
-                    '$',
-                    '-',
-                    '&'
-                ]
-            },
-            definitionProvider: true,
-            signatureHelpProvider: {
-                triggerCharacters: [
-                    '-',
-                    '[',
-                    ',',
-                    ' ',
-                    '='
-                ]
-            },
-            "workspaceSymbolProvider": "true",
-            "documentSymbolProvider": "true",
-            "referencesProvider": "true"
-        }
-    };
-});
-
-connection.onInitialized(function () {
-    connection.sendNotification(vls.LogMessageNotification.type, {
-        received: {
-            type: vls.InitializedNotification.type._method
-        }
-    });
-
-    connection.workspace.onDidChangeWorkspaceFolders(function (params) {
-        connection.sendNotification(vls.LogMessageNotification.type, {
-            received: {
-                type: vls.DidChangeWorkspaceFoldersNotification.type._method,
-                params: params
-            }
-        });
-    });
-});
-
-connection.onCompletion(function (params) {
-    return {
-        received: {
-            type: vls.CompletionRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onSignatureHelp(function (params) {
-    return {
-        received: {
-            type: vls.SignatureHelpRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onCompletionResolve(function (params) {
-    return {
-        received: {
-            type: vls.CompletionResolveRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onDefinition(function (params) {
-    return {
-        received: {
-            type: vls.DefinitionRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onDeclaration(function (params) {
-    return {
-        received: {
-            type: vls.DeclarationRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onImplementation(function (params) {
-    return {
-        received: {
-            type: vls.ImplementationRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onDocumentSymbol(function (params) {
-    return {
-        received: {
-            type: vls.DocumentSymbolRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onWorkspaceSymbol(function (params) {
-    return {
-        received: {
-            type: vls.WorkspaceSymbolRequest.type._method,
-            params: params
-        }
-    };
-});
-
-connection.onDidOpenTextDocument(function (params) {
-    connection.sendNotification(vls.LogMessageNotification.type, {
-        received: {
-            type: vls.DidOpenTextDocumentNotification.type._method,
-            params: params
-        }
-    });
-});
-
-connection.onDidChangeTextDocument(function (params) {
-    connection.sendNotification(vls.LogMessageNotification.type, {
-        received: {
-            type: vls.DidChangeTextDocumentNotification.type._method,
-            params: params
-        }
-    });
-});
-
-connection.onDidCloseTextDocument(function (params) {
-    connection.sendNotification(vls.LogMessageNotification.type, {
-        received: {
-            type: vls.DidCloseTextDocumentNotification.type._method,
-            params: params
-        }
-    });
-});
-
-connection.onDidSaveTextDocument(function (params) {
-    connection.sendNotification(vls.LogMessageNotification.type, {
-        received: {
-            type: vls.DidSaveTextDocumentNotification.type._method,
-            params: params
-        }
-    });
-});
-
-connection.onNotification(function (type, params) {
-    switch (type) {
-        case "custom/triggerDiagnostics":
-            {
-                connection.sendDiagnostics({
-                    received: {
-                        type: type,
-                        params: params
-                    }
-                });
-                break;
-            }
-        case "custom/getNotification":
-            {
-                connection.sendNotification("custom/serverNotification", {
-                    received: {
-                        type: type,
-                        params: params
-                    }
-                });
-                break;
-            }
-        case "custom/getRequest":
-            {
-                connection.sendRequest("custom/serverRequest", {
-                    received: {
-                        type: type,
-                        params: params
-                    }
-                }).then(function (resolveResponse) {
-                    connection.sendNotification("custom/requestSuccessNotification", {
-                        received: {
-                            type: "custom/requestSuccessNotification",
-                            params: resolveResponse
-                        }
-                    });
-                }).catch(function (rejectResponse) {
-                    connection.sendNotification("custom/requestFailedNotification", {
-                        received: {
-                            type: "custom/requestFailedNotification",
-                            params: rejectResponse
-                        }
-                    });
-                });
-                break;
-            }
-        default:
-            {
-                connection.sendNotification(vls.LogMessageNotification.type, {
-                    received: {
-                        type: type,
-                        params: params
-                    }
-                });
-            }
-    }
-});
-
-connection.onRequest(function (type, params) {
-    return {
-        received: {
-            type: type,
-            params: params
-        }
-    };
-});
-
-// Listen on the connection
-connection.listen();
diff --git a/test/spec/LanguageTools-test-files/server/lsp-test-server/package.json b/test/spec/LanguageTools-test-files/server/lsp-test-server/package.json
deleted file mode 100644
index 17b9af0423..0000000000
--- a/test/spec/LanguageTools-test-files/server/lsp-test-server/package.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "devDependencies": {
-    "vscode-languageserver": "^5.3.0-next.1"
-  }
-}
diff --git a/test/spec/LanguageTools-test.js b/test/spec/LanguageTools-test.js
deleted file mode 100644
index c67c77277c..0000000000
--- a/test/spec/LanguageTools-test.js
+++ /dev/null
@@ -1,1599 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-/*jslint regexp: true */
-/*global describe, it, expect, spyOn, runs, waitsForDone, waitsForFail, afterEach */
-/*eslint indent: 0*/
-/*eslint max-len: ["error", { "code": 200 }]*/
-define(function (require, exports, module) {
-
-
-    // Load dependent modules
-    var ExtensionLoader = require("utils/ExtensionLoader"),
-        SpecRunnerUtils = require("spec/SpecRunnerUtils"),
-        LanguageClientWrapper = require("languageTools/LanguageClientWrapper"),
-        LanguageTools = require("languageTools/LanguageTools"),
-        EventDispatcher = require("utils/EventDispatcher"),
-        ToolingInfo = JSON.parse(brackets.getModule("text!languageTools/ToolingInfo.json"));
-
-    var testPath = SpecRunnerUtils.getTestPath("/spec/LanguageTools-test-files"),
-        serverResponse = {
-            capabilities: {
-                textDocumentSync: 1,
-                completionProvider: {
-                    resolveProvider: true,
-                    triggerCharacters: [
-					'=',
-					' ',
-					'$',
-					'-',
-                    '&'
-				]
-                },
-                definitionProvider: true,
-                signatureHelpProvider: {
-                    triggerCharacters: [
-					'-',
-					'[',
-					',',
-					' ',
-					'='
-				]
-                },
-                "workspaceSymbolProvider": "true",
-                "documentSymbolProvider": "true",
-                "referencesProvider": "true"
-            }
-        };
-
-    describe("LanguageTools", function () {
-        function loadClient(name) {
-            var config = {
-                baseUrl: testPath + "/clients/" + name
-            };
-
-            return ExtensionLoader.loadExtension(name, config, "main");
-        }
-
-        function getExtensionFromContext(name) {
-            var extensionContext = brackets.libRequire.s.contexts[name];
-
-            return extensionContext && extensionContext.defined && extensionContext.defined.main;
-        }
-
-        it("should load a simple test client extension", function () {
-            var promise,
-                consoleErrors = [];
-
-            runs(function () {
-                var originalConsoleErrorFn = console.error;
-                spyOn(console, "error").andCallFake(function () {
-                    originalConsoleErrorFn.apply(console, arguments);
-
-                    if (typeof arguments[0] === "string" &&
-                        arguments[0].includes("Error loading domain \"LoadSimpleClient\"")) {
-                        consoleErrors.push(Array.prototype.join.call(arguments));
-                    }
-                });
-
-                promise = loadClient("LoadSimpleClient");
-
-                waitsForDone(promise, "loadClient");
-            });
-
-            runs(function () {
-                expect(consoleErrors).toEqual([]);
-                expect(promise.state()).toBe("resolved");
-            });
-        });
-
-        describe("Brackets & Node Communication", function () {
-            var intefacePromise,
-                extension,
-                client;
-
-            it("should load the interface client extension", function () {
-                runs(function () {
-                    intefacePromise = loadClient("InterfaceTestClient");
-                    intefacePromise.done(function () {
-                        extension = getExtensionFromContext("InterfaceTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(intefacePromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("InterfaceTestClient");
-                });
-            });
-
-            it("should receive acknowledgement notification after sending notification to node", function () {
-                var notificationStatus = false;
-
-                function notifyWithPromise() {
-                    var retval = $.Deferred();
-
-                    client._addOnNotificationHandler("acknowledge", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.acknowledgement) {
-                            notificationStatus = true;
-                            retval.resolve();
-                        }
-                    });
-
-                    client.sendCustomNotification({
-                        messageType: "brackets",
-                        type: "notificationMethod",
-                        params: {
-                            action: "acknowledgement"
-                        }
-                    });
-
-                    return retval;
-                }
-
-                runs(function () {
-                    var notificationPromise = notifyWithPromise();
-
-                    waitsForDone(notificationPromise, "NotificationInterface");
-                });
-
-                runs(function () {
-                    expect(notificationStatus).toBe(true);
-                });
-            });
-
-            it("should send request to node which should resolve", function () {
-                var result = null;
-
-                function requestWithPromise() {
-                    return client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "requestMethod",
-                        params: {
-                            action: "resolve"
-                        }
-                    });
-                }
-
-                runs(function () {
-                    var requestPromise = requestWithPromise();
-                    requestPromise.done(function (returnVal) {
-                        result = returnVal;
-                    });
-
-                    waitsForDone(requestPromise, "RequestInterface");
-                });
-
-                runs(function () {
-                    expect(result).toBe("resolved");
-                });
-            });
-
-            it("should send request to node which should reject", function () {
-                var result = null;
-
-                function requestWithPromise() {
-                    return client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "requestMethod",
-                        params: {
-                            action: "reject"
-                        }
-                    });
-                }
-
-                runs(function () {
-                    var requestPromise = requestWithPromise();
-                    requestPromise.fail(function (returnVal) {
-                        result = returnVal;
-                    });
-
-                    waitsForFail(requestPromise, "RequestInterface");
-                });
-
-                runs(function () {
-                    expect(result).toBe("rejected");
-                });
-            });
-
-            it("should handle sync request from node side", function () {
-                var requestResult = null;
-
-                function nodeRequestWithPromise() {
-                    var retval = $.Deferred();
-
-                    client._addOnRequestHandler("nodeSyncRequest", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.syncRequest) {
-                            //We return value directly since it is a sync request
-                            return "success";
-                        }
-                    });
-
-                    //trigger request from node side
-                    client._addOnNotificationHandler("validateSyncRequest", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.syncRequestResult) {
-                            requestResult = params.syncRequestResult;
-                            retval.resolve();
-                        }
-                    });
-
-                    client.sendCustomNotification({
-                        messageType: "brackets",
-                        type: "notificationMethod",
-                        params: {
-                            action: "nodeSyncRequest"
-                        }
-                    });
-
-                    return retval;
-                }
-
-                runs(function () {
-                    var nodeRequestPromise = nodeRequestWithPromise();
-
-                    waitsForDone(nodeRequestPromise, "NodeRequestInterface");
-                });
-
-                runs(function () {
-                    expect(requestResult).toEqual("success");
-                });
-            });
-
-            it("should handle async request from node side which is resolved", function () {
-                var requestResult = null;
-
-                function nodeRequestWithPromise() {
-                    var retval = $.Deferred();
-
-                    client._addOnRequestHandler("nodeAsyncRequestWhichResolves", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.asyncRequest) {
-                            //We return promise which can be resolved in async
-                            return $.Deferred().resolve("success");
-                        }
-                    });
-
-                    //trigger request from node side
-                    client._addOnNotificationHandler("validateAsyncSuccess", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.asyncRequestResult) {
-                            requestResult = params.asyncRequestResult;
-                            retval.resolve();
-                        }
-                    });
-
-                    client.sendCustomNotification({
-                        messageType: "brackets",
-                        type: "notificationMethod",
-                        params: {
-                            action: "nodeAsyncRequestWhichResolves"
-                        }
-                    });
-
-                    return retval;
-                }
-
-                runs(function () {
-                    var nodeRequestPromise = nodeRequestWithPromise();
-
-                    waitsForDone(nodeRequestPromise, "NodeRequestInterface");
-                });
-
-                runs(function () {
-                    expect(requestResult).toEqual("success");
-                });
-            });
-
-            it("should handle async request from node side which fails", function () {
-                var requestResult = null;
-
-                function nodeRequestWithPromise() {
-                    var retval = $.Deferred();
-
-                    client._addOnRequestHandler("nodeAsyncRequestWhichFails", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.asyncRequest) {
-                            //We return promise which can be resolved in async
-                            return $.Deferred().reject("error");
-                        }
-                    });
-
-                    //trigger request from node side
-                    client._addOnNotificationHandler("validateAsyncFail", function (params) {
-                        if (params.clientName === "InterfaceTestClient" && params.asyncRequestError) {
-                            requestResult = params.asyncRequestError;
-                            retval.resolve();
-                        }
-                    });
-
-                    client.sendCustomNotification({
-                        messageType: "brackets",
-                        type: "notificationMethod",
-                        params: {
-                            action: "nodeAsyncRequestWhichFails"
-                        }
-                    });
-
-                    return retval;
-                }
-
-                runs(function () {
-                    var nodeRequestPromise = nodeRequestWithPromise();
-
-                    waitsForDone(nodeRequestPromise, "NodeRequestInterface");
-                });
-
-                runs(function () {
-                    expect(requestResult).toEqual("error");
-                });
-            });
-        });
-
-        describe("Client Start and Stop Tests", function () {
-            var projectPath = testPath + "/project",
-                optionsPromise,
-                extension,
-                client = null;
-
-            it("should start a simple module based client", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("ModuleTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("ModuleTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("ModuleTestClient");
-
-                    startPromise = client.start({
-                        rootPath: projectPath
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should stop a simple module based client", function () {
-                var restartPromise,
-                    restartStatus = false;
-
-                runs(function () {
-                    if (client) {
-                        restartPromise = client.stop().done(function () {
-                            return client.start({
-                                rootPath: projectPath
-                            });
-                        });
-                        restartPromise.done(function () {
-                            restartStatus = true;
-                        });
-                    }
-
-                    waitsForDone(restartPromise, "RestartClient");
-                });
-
-                runs(function () {
-                    expect(restartStatus).toBe(true);
-                });
-            });
-
-
-            it("should stop a simple module based client", function () {
-                var stopPromise,
-                    stopStatus = false;
-
-                runs(function () {
-                    if (client) {
-                        stopPromise = client.stop();
-                        stopPromise.done(function () {
-                            stopStatus = true;
-                            client = null;
-                        });
-                    }
-
-                    waitsForDone(stopPromise, "StopClient");
-                });
-
-                runs(function () {
-                    expect(stopStatus).toBe(true);
-                });
-            });
-        });
-
-        describe("Language Server Spawn Schemes", function () {
-            var projectPath = testPath + "/project",
-                optionsPromise,
-                extension,
-                client = null;
-
-            afterEach(function () {
-                var stopPromise,
-                    stopStatus = false;
-
-                runs(function () {
-                    if (client) {
-                        stopPromise = client.stop();
-                        stopPromise.done(function () {
-                            stopStatus = true;
-                            client = null;
-                        });
-                    } else {
-                        stopStatus = true;
-                    }
-
-                    waitsForDone(stopPromise, "StopClient");
-                });
-
-                runs(function () {
-                    expect(stopStatus).toBe(true);
-                });
-            });
-
-            it("should start a simple module based client with node-ipc", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("CommunicationTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("CommunicationTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("CommunicationTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            communicationType: "ipc"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple module based client with stdio", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("CommunicationTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("CommunicationTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("CommunicationTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            communicationType: "stdio"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple module based client with pipe", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("CommunicationTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("CommunicationTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("CommunicationTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            communicationType: "pipe"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple module based client with socket", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("CommunicationTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("CommunicationTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("CommunicationTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptionsForSocket"
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple runtime based client", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("OptionsTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("OptionsTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("OptionsTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            optionsType: "runtime"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple function based client", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("OptionsTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("OptionsTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("OptionsTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            optionsType: "function"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should start a simple command based client", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    optionsPromise = loadClient("OptionsTestClient");
-                    optionsPromise.done(function () {
-                        extension = getExtensionFromContext("OptionsTestClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(optionsPromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("OptionsTestClient");
-
-                    startPromise = client.sendCustomRequest({
-                        messageType: "brackets",
-                        type: "setOptions",
-                        params: {
-                            optionsType: "command"
-                        }
-                    }).then(function () {
-                        return client.start({
-                            rootPath: projectPath
-                        });
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-        });
-
-        describe("Parameter validation for client based communication", function () {
-            var requestValidator = LanguageClientWrapper.validateRequestParams,
-                notificationValidator = LanguageClientWrapper.validateNotificationParams;
-
-            var paramTemplateA = {
-                rootPath: "somePath"
-            };
-
-            var paramTemplateB = {
-                filePath: "somePath",
-                cursorPos: {
-                    line: 1,
-                    ch: 1
-                }
-            };
-
-            var paramTemplateC = {
-                filePath: "somePath"
-            };
-
-            var paramTemplateD = {
-                filePath: "something",
-                fileContent: "something",
-                languageId: "something"
-            };
-
-            var paramTemplateE = {
-                filePath: "something",
-                fileContent: "something"
-            };
-
-            var paramTemplateF = {
-                foldersAdded: ["added"],
-                foldersRemoved: ["removed"]
-            };
-
-            it("should validate the params for request: client.start", function () {
-                var params = Object.assign({}, paramTemplateA),
-                    retval = requestValidator(ToolingInfo.LANGUAGE_SERVICE.START, params);
-
-                var params2 = Object.assign({}, paramTemplateA);
-                params2["capabilities"] = {
-                    feature: true
-                };
-                var retval2 = requestValidator(ToolingInfo.LANGUAGE_SERVICE.START, params2);
-
-                expect(retval).toEqual({
-                    rootPath: "somePath",
-                    capabilities: false
-                });
-
-                expect(retval2).toEqual({
-                    rootPath: "somePath",
-                    capabilities: {
-                        feature: true
-                    }
-                });
-            });
-
-            it("should invalidate the params for request: client.start", function () {
-                var retval = requestValidator(ToolingInfo.LANGUAGE_SERVICE.START, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for request: client.{requestHints, requestParameterHints, gotoDefinition}", function () {
-                var params = Object.assign({}, paramTemplateB),
-                    retval = requestValidator(ToolingInfo.FEATURES.CODE_HINTS, params);
-
-                expect(retval).toEqual(paramTemplateB);
-            });
-
-            it("should invalidate the params for request: client.{requestHints, requestParameterHints, gotoDefinition}", function () {
-                var retval = requestValidator(ToolingInfo.FEATURES.CODE_HINTS, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for request: client.findReferences", function () {
-                var params = Object.assign({}, paramTemplateB),
-                    retval = requestValidator(ToolingInfo.FEATURES.FIND_REFERENCES, params);
-
-                var result = Object.assign({}, paramTemplateB);
-                result["includeDeclaration"] = false;
-
-                expect(retval).toEqual(result);
-            });
-
-            it("should invalidate the params for request: client.findReferences", function () {
-                var retval = requestValidator(ToolingInfo.FEATURES.FIND_REFERENCES, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for request: client.requestSymbolsForDocument", function () {
-                var params = Object.assign({}, paramTemplateC),
-                    retval = requestValidator(ToolingInfo.FEATURES.DOCUMENT_SYMBOLS, params);
-
-                expect(retval).toEqual(paramTemplateC);
-            });
-
-            it("should invalidate the params for request: client.requestSymbolsForDocument", function () {
-                var retval = requestValidator(ToolingInfo.FEATURES.DOCUMENT_SYMBOLS, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for request: client.requestSymbolsForWorkspace", function () {
-                var params = Object.assign({}, {
-                        query: 'a'
-                    }),
-                    retval = requestValidator(ToolingInfo.FEATURES.PROJECT_SYMBOLS, params);
-
-                expect(retval).toEqual({
-                    query: 'a'
-                });
-            });
-
-            it("should invalidate the params for request: client.requestSymbolsForWorkspace", function () {
-                var retval = requestValidator(ToolingInfo.FEATURES.PROJECT_SYMBOLS, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for notification: client.notifyTextDocumentOpened", function () {
-                var params = Object.assign({}, paramTemplateD),
-                    retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_OPENED, params);
-
-                expect(retval).toEqual(paramTemplateD);
-            });
-
-            it("should invalidate the params for notification: client.notifyTextDocumentOpened", function () {
-                var retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_OPENED, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for notification: client.notifyTextDocumentChanged", function () {
-                var params = Object.assign({}, paramTemplateE),
-                    retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CHANGED, params);
-
-                expect(retval).toEqual(paramTemplateE);
-            });
-
-            it("should invalidate the params for notification: client.notifyTextDocumentChanged", function () {
-                var retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_CHANGED, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for notification: client.{notifyTextDocumentClosed, notifyTextDocumentSave}", function () {
-                var params = Object.assign({}, paramTemplateC),
-                    retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_SAVED, params);
-
-                expect(retval).toEqual(paramTemplateC);
-            });
-
-            it("should invalidate the params for notification: client.{notifyTextDocumentClosed, notifyTextDocumentSave}", function () {
-                var retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.DOCUMENT_SAVED, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should validate the params for notification: client.notifyProjectRootsChanged", function () {
-                var params = Object.assign({}, paramTemplateF),
-                    retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.PROJECT_FOLDERS_CHANGED, params);
-
-                expect(retval).toEqual(paramTemplateF);
-            });
-
-            it("should invalidate the params for notification: client.notifyProjectRootsChanged", function () {
-                var retval = notificationValidator(ToolingInfo.SYNCHRONIZE_EVENTS.PROJECT_FOLDERS_CHANGED, {});
-
-                expect(retval).toBeNull();
-            });
-
-            it("should passthrough the params for request: client.sendCustomRequest", function () {
-                var params = Object.assign({}, {
-                        a: 1,
-                        b: 2
-                    }),
-                    retval = requestValidator(ToolingInfo.LANGUAGE_SERVICE.CUSTOM_REQUEST, params);
-
-                expect(retval).toEqual({
-                    a: 1,
-                    b: 2
-                });
-            });
-
-            it("should passthrough the params for notification: client.sendCustomNotification", function () {
-                var params = Object.assign({}, {
-                        a: 1,
-                        b: 2
-                    }),
-                    retval = notificationValidator(ToolingInfo.LANGUAGE_SERVICE.CUSTOM_NOTIFICATION, params);
-
-                expect(retval).toEqual({
-                    a: 1,
-                    b: 2
-                });
-            });
-
-            it("should passthrough the params for any request if format is 'lsp'", function () {
-                var params = Object.assign({}, {
-                        format: 'lsp',
-                        a: 1,
-                        b: 2
-                    }),
-                    retval = requestValidator("AnyType", params);
-
-                expect(retval).toEqual({
-                    format: 'lsp',
-                    a: 1,
-                    b: 2
-                });
-            });
-
-            it("should passthrough the params for any notification if format is 'lsp'", function () {
-                var params = Object.assign({}, {
-                        format: 'lsp',
-                        a: 1,
-                        b: 2
-                    }),
-                    retval = notificationValidator("AnyType", params);
-
-                expect(retval).toEqual({
-                    format: 'lsp',
-                    a: 1,
-                    b: 2
-                });
-            });
-        });
-
-        describe("Test LSP Request and Notifications", function () {
-            var projectPath = testPath + "/project",
-                featurePromise,
-                extension,
-                client = null,
-                docPath1 = projectPath + "/sample1.txt",
-                docPath2 = projectPath + "/sample2.txt",
-                pos = {
-                    line: 1,
-                    ch: 2
-                },
-                fileContent = "some content",
-                languageId = "unknown";
-
-            function createPromiseForNotification(type) {
-                var promise = $.Deferred();
-
-                switch (type) {
-                    case "textDocument/publishDiagnostics": {
-                        client.addOnCodeInspection(function (params) {
-                            promise.resolve(params);
-                        });
-                        break;
-                    }
-                    case "custom/serverNotification":
-                    case "custom/requestSuccessNotification":
-                    case "custom/requestFailedNotification":
-                        {
-                        client.onCustomNotification(type, function (params) {
-                            promise.resolve(params);
-                        });
-                        break;
-                    }
-                    default: {
-                        client.addOnLogMessage(function (params) {
-                            if (params.received && params.received.type &&
-                                params.received.type === type) {
-                                promise.resolve(params);
-                            }
-                        });
-                    }
-                }
-
-                return promise;
-            }
-
-            it("should successfully start client", function () {
-                var startResult = false,
-                    startPromise;
-
-                runs(function () {
-                    featurePromise = loadClient("FeatureClient");
-                    featurePromise.done(function () {
-                        extension = getExtensionFromContext("FeatureClient");
-                        client = extension.getClient();
-                    });
-
-                    waitsForDone(featurePromise);
-                });
-
-                runs(function () {
-                    expect(client).toBeTruthy();
-                    expect(client._name).toEqual("FeatureClient");
-
-                    client.onDynamicCapabilityRegistration(function () {
-                        return $.Deferred().resolve();
-                    });
-
-                    client.onDynamicCapabilityUnregistration(function () {
-                        return $.Deferred().resolve();
-                    });
-
-                    startPromise = client.start({
-                        rootPath: projectPath
-                    });
-
-                    startPromise.done(function (capabilities) {
-                        startResult = capabilities;
-                    });
-
-                    waitsForDone(startPromise, "StartClient");
-                });
-
-                runs(function () {
-                    expect(startResult).toBeTruthy();
-                    expect(startResult).toEqual(serverResponse);
-                });
-            });
-
-            it("should successfully requestHints with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.requestHints({
-                        filePath: docPath1,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully passthrough params with lsp format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.requestHints({
-                        format: 'lsp',
-                        textDocument: {
-                            uri: 'file:///somepath/project/sample1.txt'
-                        },
-                        position: {
-                            line: 1,
-                            character: 2
-                        }
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse).toEqual({
-                        received: {
-                            type: 'textDocument/completion',
-                            params: {
-                                textDocument: {
-                                    uri: 'file:///somepath/project/sample1.txt'
-                                },
-                                position: {
-                                    line: 1,
-                                    character: 2
-                                }
-                            }
-                        }
-                    });
-                });
-            });
-
-            it("should successfully getAdditionalInfoForHint", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.getAdditionalInfoForHint({
-                        hintItem: true
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse).toEqual({
-                        received: {
-                            type: 'completionItem/resolve',
-                            params: {
-                                hintItem: true
-                            }
-                        }
-                    });
-                });
-            });
-
-            it("should successfully requestParameterHints with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.requestParameterHints({
-                        filePath: docPath2,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully gotoDefinition with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.gotoDefinition({
-                        filePath: docPath2,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully gotoImplementation with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.gotoImplementation({
-                        filePath: docPath2,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully gotoDeclaration with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.gotoDeclaration({
-                        filePath: docPath2,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully findReferences with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.findReferences({
-                        filePath: docPath2,
-                        cursorPos: pos
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully requestSymbolsForDocument with brackets format", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.requestSymbolsForDocument({
-                        filePath: docPath2
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully requestSymbolsForWorkspace", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.requestSymbolsForWorkspace({
-                        query: "s"
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully sendCustomRequest to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = client.sendCustomRequest({
-                        type: "custom/serverRequest",
-                        params: {
-                            anyParam: true
-                        }
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully notifyTextDocumentOpened to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("textDocument/didOpen");
-                    client.notifyTextDocumentOpened({
-                        languageId: languageId,
-                        filePath: docPath1,
-                        fileContent: fileContent
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully notifyTextDocumentClosed to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("textDocument/didClose");
-                    client.notifyTextDocumentClosed({
-                        filePath: docPath1
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully notifyTextDocumentSave to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("textDocument/didSave");
-                    client.notifyTextDocumentSave({
-                        filePath: docPath2
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully notifyTextDocumentChanged to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("textDocument/didChange");
-                    client.notifyTextDocumentChanged({
-                        filePath: docPath2,
-                        fileContent: fileContent
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully notifyProjectRootsChanged to server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("workspace/didChangeWorkspaceFolders");
-                    client.notifyProjectRootsChanged({
-                        foldersAdded: ["path1", "path2"],
-                        foldersRemoved: ["path3"]
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully get send custom notification to trigger diagnostics from server", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    requestPromise = createPromiseForNotification("textDocument/publishDiagnostics");
-                    client.sendCustomNotification({
-                        type: "custom/triggerDiagnostics"
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully create a custom event trigger for server notification", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-                    EventDispatcher.makeEventDispatcher(exports);
-                    LanguageTools.listenToCustomEvent(exports, "triggerDiagnostics");
-                    client.addOnCustomEventHandler("triggerDiagnostics", function () {
-                        client.sendCustomNotification({
-                            type: "custom/triggerDiagnostics"
-                        });
-                    });
-                    requestPromise = createPromiseForNotification("textDocument/publishDiagnostics");
-                    exports.trigger("triggerDiagnostics");
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully handle a custom server notification", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-
-                    requestPromise = createPromiseForNotification("custom/serverNotification");
-                    client.sendCustomNotification({
-                        type: "custom/getNotification"
-                    });
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerNotification");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully handle a custom server request on resolve", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-
-                    requestPromise = createPromiseForNotification("custom/requestSuccessNotification");
-                    client.onCustomRequest("custom/serverRequest", function (params) {
-                        return $.Deferred().resolve(params);
-                    });
-
-                    client.sendCustomNotification({
-                        type: "custom/getRequest"
-                    });
-
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully handle a custom server request on reject", function () {
-                var requestPromise,
-                    requestResponse = null;
-
-                runs(function () {
-
-                    requestPromise = createPromiseForNotification("custom/requestFailedNotification");
-                    client.onCustomRequest("custom/serverRequest", function (params) {
-                        return $.Deferred().reject(params);
-                    });
-
-                    client.sendCustomNotification({
-                        type: "custom/getRequest"
-                    });
-
-                    requestPromise.done(function (response) {
-                        requestResponse = response;
-                    });
-
-                    waitsForDone(requestPromise, "ServerRequest");
-                });
-
-                runs(function () {
-                    expect(requestResponse.received).toBeTruthy();
-                });
-            });
-
-            it("should successfully stop client", function () {
-                var stopPromise,
-                    stopStatus = false;
-
-                runs(function () {
-                    if (client) {
-                        stopPromise = client.stop();
-                        stopPromise.done(function () {
-                            stopStatus = true;
-                            client = null;
-                        });
-                    }
-
-                    waitsForDone(stopPromise, "StopClient");
-                });
-
-                runs(function () {
-                    expect(stopStatus).toBe(true);
-                });
-            });
-        });
-    });
-});

From 18bcb792e91118f70aae691fac6683a60ab4f913 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 12:03:28 +0530
Subject: [PATCH 32/49] refactor: move language-tools provider styles into core
 brackets.less

languageTools is a core module loaded at boot, so its code-hint styles belong
in the core stylesheet rather than a per-extension CSS loaded at runtime.

- move all rules from languageTools/styles/default_provider_style.css into
  src/styles/brackets.less (next to the existing .lsp-hover-quickview /
  .lsp-hint-doc-popup styles), adapting dark variants to .dark & nesting
- delete the css file and the ExtensionUtils.loadStyleSheet call (and the now
  unused ExtensionUtils require) from DefaultProviders.js
---
 src/languageTools/DefaultProviders.js         |   4 +-
 .../styles/default_provider_style.css         | 201 ------------------
 src/styles/brackets.less                      | 175 +++++++++++++++
 3 files changed, 177 insertions(+), 203 deletions(-)
 delete mode 100644 src/languageTools/styles/default_provider_style.css

diff --git a/src/languageTools/DefaultProviders.js b/src/languageTools/DefaultProviders.js
index 7738c7da9c..a4c4fa21a3 100644
--- a/src/languageTools/DefaultProviders.js
+++ b/src/languageTools/DefaultProviders.js
@@ -31,7 +31,6 @@ define(function (require, exports, module) {
 
     var EditorManager = require('editor/EditorManager'),
         DocumentManager = require('document/DocumentManager'),
-        ExtensionUtils = require("utils/ExtensionUtils"),
         CommandManager = require("command/CommandManager"),
         Commands = require("command/Commands"),
         StringMatch = require("utils/StringMatch"),
@@ -43,7 +42,8 @@ define(function (require, exports, module) {
             preferPrefixMatches: true
         });
 
-    ExtensionUtils.loadStyleSheet(module, "styles/default_provider_style.css");
+    // Provider styles live in src/styles/brackets.less (core stylesheet) now that languageTools is a
+    // core module - no per-extension stylesheet to load.
 
     // ----- LSP code-hint documentation popup ---------------------------------------------------
     // The signature (type) is shown inline in the hint list; the (potentially long) documentation
diff --git a/src/languageTools/styles/default_provider_style.css b/src/languageTools/styles/default_provider_style.css
deleted file mode 100644
index 4e84459c58..0000000000
--- a/src/languageTools/styles/default_provider_style.css
+++ /dev/null
@@ -1,201 +0,0 @@
-/*
- * Copyright (c) 2019 - present Adobe. All rights reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
- * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
- * DEALINGS IN THE SOFTWARE.
- *
- */
-
-
-span.brackets-hints-with-type-details {
-    width: 300px;
-    display: inline-block;
-}
-
-.brackets-hints-type-details {
-    color: #a3a3a3 !important;
-    font-weight: 100;
-    font-style: italic !important;
-    margin-right: 5px;
-    float: right;
-}
-
-.hint-description {
-    display: none;
-    color: #d4d4d4;
-    word-wrap: break-word;
-    white-space: normal;
-    box-sizing: border-box;
-}
-
-.hint-doc {
-    display: none;
-    padding-right: 10px !important;
-    color: grey;
-    word-wrap: break-word;
-    white-space: normal;
-    box-sizing: border-box;
-    float: left;
-    clear: left;
-    max-height: 2em;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    line-height: 1em;
-    -webkit-line-clamp: 2;
-    -webkit-box-orient: vertical;
-}
-
-.highlight .hint-description {
-    display: block;
-    color: #6495ed !important;
-}
-
-.highlight .hint-doc {
-    display: -webkit-box;
-}
-
-.dark .brackets-hints-type-details {
-    color: #696969 !important;
-}
-
-.highlight .brackets-hints-type-details {
-    display: none;
-}
-
-.brackets-hints-keyword {
-    font-weight: 100;
-    font-style: italic !important;
-    margin-right: 5px;
-    float: right;
-    color: #6495ed !important;
-}
-
-.codehint-menu {
-    font-family: SourceCodePro;
-}
-
-/* LSP completion signature (VS Code style). The list keeps a STABLE width and each row is a flex
-   line: the label (flexible, truncates with ellipsis) and the highlighted row's signature
-   (fixed-size) sit side-by-side, so they never overlap and arrow-navigation never resizes the
-   popup. Scoped to `.lsp-hints` menus so other providers are unaffected. Full signature is in the
-   side doc popup. */
-.codehint-menu.lsp-hints .dropdown-menu {
-    /* Fixed width so the list never resizes while navigating (the Bootstrap dropdown is
-       shrink-to-fit, so a min-width floor isn't enough - it would still grow per row). The flex
-       row below truncates the label/signature to fit. Matches VS Code's stable-width list. */
-    width: 380px;
-    min-width: 380px;
-    max-width: 380px;
-}
-
-/* Make the <a> the flex container so the row template's whitespace text nodes collapse (a
-   block-level .codehint-item would otherwise add an extra line box, making rows ~2x tall). */
-.codehint-menu.lsp-hints li a {
-    display: flex;
-    align-items: center;
-}
-
-.codehint-menu.lsp-hints .codehint-item {
-    display: flex;
-    flex: 1 1 auto;
-    min-width: 0;
-    align-items: center;
-}
-
-.codehint-menu.lsp-hints .codehint-item > .brackets-hints {
-    flex: 1 1 auto;
-    min-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.lsp-hint-sig {
-    display: none;
-}
-
-.highlight .lsp-hint-sig {
-    display: block;
-    flex: 0 0 auto;
-    margin-left: 12px;
-    max-width: 55%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    font-style: italic;
-    font-size: 11px;
-    color: rgba(0, 0, 0, 0.5);
-}
-
-.dark .highlight .lsp-hint-sig {
-    color: rgba(255, 255, 255, 0.65);
-}
-
-.brackets-hints .matched-hint {
-    font-weight: 500;
-    color: #437900;
-}
-
-.dark .brackets-hints .matched-hint {
-    font-weight: 500;
-    color: #74B120;
-}
-
-#function-hint-container-new {
-    display: none;
-
-    background: #fff;
-    position: absolute;
-    z-index: var(--z-index-parameter-hints);
-    left: 400px;
-    top: 40px;
-    height: auto;
-    width: auto;
-    overflow: scroll;
-
-    padding: 1px 6px;
-    text-align: center;
-
-    border-radius: 3px;
-    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24);
-}
-
-#function-hint-container-new .function-hint-content-new {
-    text-align: left;
-}
-
-.brackets-hints .current-parameter {
-    font-weight: 500;
-}
-
-/* Dark Styles */
-
-.dark #function-hint-container-new {
-    background: #000;
-    border: 1px solid rgba(255, 255, 255, 0.15);
-    color: #fff;
-    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24);
-}
-
-.dark .hint-doc {
-    color: #ccc;
-}
-
-.dark .hint-description {
-    color: #ccc;
-}
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
index 24d1c963b6..fc70ee3afe 100644
--- a/src/styles/brackets.less
+++ b/src/styles/brackets.less
@@ -2363,6 +2363,181 @@ a, img {
     &::-webkit-scrollbar-track { background: transparent; }
 }
 
+// LSP / language-tools code hints. Moved here from languageTools/styles/default_provider_style.css
+// now that languageTools is a core module loaded at boot (no per-extension stylesheet). Covers the
+// completion list rows, the inline signature, the type/keyword/doc decorations and the
+// parameter-hint container.
+span.brackets-hints-with-type-details {
+    width: 300px;
+    display: inline-block;
+}
+
+.brackets-hints-type-details {
+    color: #a3a3a3 !important;
+    font-weight: 100;
+    font-style: italic !important;
+    margin-right: 5px;
+    float: right;
+
+    .dark & {
+        color: #696969 !important;
+    }
+}
+
+.highlight .brackets-hints-type-details {
+    display: none;
+}
+
+.hint-description {
+    display: none;
+    color: #d4d4d4;
+    word-wrap: break-word;
+    white-space: normal;
+    box-sizing: border-box;
+
+    .dark & {
+        color: #ccc;
+    }
+}
+
+.highlight .hint-description {
+    display: block;
+    color: #6495ed !important;
+}
+
+.hint-doc {
+    display: none;
+    padding-right: 10px !important;
+    color: grey;
+    word-wrap: break-word;
+    white-space: normal;
+    box-sizing: border-box;
+    float: left;
+    clear: left;
+    max-height: 2em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 1em;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+
+    .dark & {
+        color: #ccc;
+    }
+}
+
+.highlight .hint-doc {
+    display: -webkit-box;
+}
+
+.brackets-hints-keyword {
+    font-weight: 100;
+    font-style: italic !important;
+    margin-right: 5px;
+    float: right;
+    color: #6495ed !important;
+}
+
+.brackets-hints .matched-hint {
+    font-weight: 500;
+    color: #437900;
+
+    .dark & {
+        color: #74B120;
+    }
+}
+
+.codehint-menu {
+    font-family: SourceCodePro;
+}
+
+// LSP completion signature (VS Code style). The list keeps a STABLE width and each row is a flex
+// line: the label (flexible, truncates with ellipsis) and the highlighted row's signature
+// (fixed-size) sit side-by-side, so they never overlap and arrow-navigation never resizes the
+// popup. Scoped to `.lsp-hints` menus so other providers are unaffected. The full signature is in
+// the side doc popup.
+.codehint-menu.lsp-hints .dropdown-menu {
+    // Fixed width so the list never resizes while navigating (the Bootstrap dropdown is
+    // shrink-to-fit, so a min-width floor isn't enough - it would still grow per row).
+    width: 380px;
+    min-width: 380px;
+    max-width: 380px;
+}
+
+// Make the <a> the flex container so the row template's whitespace text nodes collapse (a
+// block-level .codehint-item would otherwise add an extra line box, making rows ~2x tall).
+.codehint-menu.lsp-hints li a {
+    display: flex;
+    align-items: center;
+}
+
+.codehint-menu.lsp-hints .codehint-item {
+    display: flex;
+    flex: 1 1 auto;
+    min-width: 0;
+    align-items: center;
+}
+
+.codehint-menu.lsp-hints .codehint-item > .brackets-hints {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.lsp-hint-sig {
+    display: none;
+}
+
+.highlight .lsp-hint-sig {
+    display: block;
+    flex: 0 0 auto;
+    margin-left: 12px;
+    max-width: 55%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-style: italic;
+    font-size: 11px;
+    color: rgba(0, 0, 0, 0.5);
+
+    .dark & {
+        color: rgba(255, 255, 255, 0.65);
+    }
+}
+
+#function-hint-container-new {
+    display: none;
+    background: #fff;
+    position: absolute;
+    z-index: var(--z-index-parameter-hints);
+    left: 400px;
+    top: 40px;
+    height: auto;
+    width: auto;
+    overflow: scroll;
+    padding: 1px 6px;
+    text-align: center;
+    border-radius: 3px;
+    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24);
+
+    .dark & {
+        background: #000;
+        border: 1px solid rgba(255, 255, 255, 0.15);
+        color: #fff;
+        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.24);
+    }
+}
+
+#function-hint-container-new .function-hint-content-new {
+    text-align: left;
+}
+
+.brackets-hints .current-parameter {
+    font-weight: 500;
+}
+
 // selection view
 #selection-view-container {
     display: none;

From c4c6d151ae1f3a8c2208fb716d74e0a2e48f97ed Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 12:06:37 +0530
Subject: [PATCH 33/49] docs: note cacheManifest.json is a generated build
 artifact

---
 CLAUDE.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/CLAUDE.md b/CLAUDE.md
index f127fea18c..011f189c80 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -14,6 +14,9 @@
 - No trailing whitespace.
 - Use `const` and `let` instead of `var`.
 
+## Build artifacts — do not hand-edit
+- **`src/cacheManifest.json`** is a generated build artifact (gitignored, produced by `gulpfile.js/index.js`). It lists files + hashes for the service-worker cache. Never hand-edit or commit it — it is regenerated by the build, so edits are overwritten and won't be tracked anyway. When you add/remove/rename source files, just let the build regenerate it.
+
 ## Translations / i18n
 - All user-visible strings must go in `src/nls/root/strings.js` — never hardcode English in source files.
 - Use `const Strings = require("strings");` then `Strings.KEY_NAME`.

From 23eb0e77e0ca4d597db46a8d392e5e50fdfb02ec Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 12:08:04 +0530
Subject: [PATCH 34/49] build: raise dist/brackets.js prod size limit to 11 MB

The LSP framework grew the minified bundle to ~10.02 MB, tripping the 10 MB
prod limit. Bump to 11 MB to restore the ~1 MB individual-file margin, and
document the margin policy (1 MB per file, 5 MB aggregate).
---
 gulpfile.js/validate-build.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/gulpfile.js/validate-build.js b/gulpfile.js/validate-build.js
index 95417a7adf..d3911a7492 100644
--- a/gulpfile.js/validate-build.js
+++ b/gulpfile.js/validate-build.js
@@ -35,9 +35,12 @@ const LARGE_FILE_LIST_DEV = {
 // Size limits for production/staging builds (in MB)
 const PROD_MAX_FILE_SIZE_MB = 2;
 const PROD_MAX_TOTAL_SIZE_MB = 80;
-// Custom size limits for known large files (size in MB) For staging/production builds
+// Custom size limits for known large files (size in MB) For staging/production builds.
+// Margin policy: keep ~1 MB of headroom over a file's current size for individual files (and ~5 MB
+// for the aggregate/total). Bump a limit only enough to restore that margin when a file legitimately
+// grows - don't pad it large, so unexpected size jumps still get caught.
 const LARGE_FILE_LIST_PROD = {
-    'dist/brackets.js': 10, // this is the full minified file itself renamed in prod
+    'dist/brackets.js': 11, // this is the full minified file itself renamed in prod (~10 MB + 1 MB margin)
     'dist/phoenix/virtualfs.js.map': 3
 };
 

From e2ce27bee672c572c5ccfc976de8a18fccb9b44f Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 18:32:41 +0530
Subject: [PATCH 35/49] test: exclude TypeScriptSupport LSP extension from test
 windows

The TypeScriptSupport extension auto-starts a real vtsls language server and
registers global providers (hover/QuickView, linting/CodeInspection, hints,
jump-to-def) for js/jsx/ts/tsx. In the test runner this polluted pre-existing
integration tests that assume nothing else is registered for those languages:

- QuickView: a removed JS hover provider still returned a popover (ours).
- ESLint: jsx files gained an active inspector, so inspection-disabled was false.
- PreferencesManager: real server spawn + doc-sync churn timed the spec out.

Strip it in test windows, matching the existing convention for the heavyweight
Git extension (excluded for the same reason in ExtensionLoader).
---
 src/utils/ExtensionLoader.js | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/utils/ExtensionLoader.js b/src/utils/ExtensionLoader.js
index 01f5c2e4cd..b265626fd7 100644
--- a/src/utils/ExtensionLoader.js
+++ b/src/utils/ExtensionLoader.js
@@ -166,10 +166,16 @@ define(function (require, exports, module) {
         // we dont load the heavy weight git extension by default for tests as huge number
         // of tests written before git integration and too hard to fix those failing tests for now.
         // we will just have new tests from git specific workflows.
-        const index = DefaultExtensionsList.indexOf("Git");
-        if(index !== -1) {
-            DefaultExtensionsList.splice(index, 1);
-        }
+        // TypeScriptSupport is excluded for the same reason: it spawns a real vtsls language
+        // server and registers global providers (hover/QuickView, linting/CodeInspection,
+        // hints, jump-to-def) for js/jsx/ts/tsx, which breaks pre-existing integration tests
+        // (e.g. QuickView, ESLint) that assume nothing else is registered for those languages.
+        ["Git", "TypeScriptSupport"].forEach(function (extName) {
+            const index = DefaultExtensionsList.indexOf(extName);
+            if(index !== -1) {
+                DefaultExtensionsList.splice(index, 1);
+            }
+        });
     }
 
     const customExtensionLoadPaths = {};

From 3b3376ea540e82934c5fa6b8f939c61c76254111 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 19:39:51 +0530
Subject: [PATCH 36/49] fix: run LSP in test windows and fix the provider
 issues it surfaced

Re-enable the TypeScriptSupport (vtsls) extension in test windows so the
integration/LegacyInteg suites reflect the desktop app, which has LSP-backed
JavaScript/TypeScript intelligence. This supersedes the test-window exclusion
added in 1c4ce4d5a (only the heavyweight Git extension stays excluded); the
failures that exclusion was hiding are now fixed at their root instead.

Provider fixes (affect the shipping app, not just tests):

- JumpToDefProvider.doJumpToDef now uses the editor that JumpToDefManager passes
  in, instead of EditorManager.getFocusedEditor(). getFocusedEditor() returns
  null whenever the editor lacks DOM focus (jump invoked from a menu/command, or
  under test), which crashed on a null editor and left dirty editor state that
  leaked into later tests.

- LintingProvider no longer triggers CodeInspection.requestRun() when (a) its LSP
  inspector is not a currently-registered provider for the file, or (b) the
  server re-publishes diagnostics identical to what was last surfaced. Servers
  re-publish in waves and on every edit, often unchanged; needlessly re-running
  inspection rebuilds the Problems panel, wasting work and detaching live DOM
  (e.g. inline fix buttons mid-click). It also disrupted tests that take manual
  control of the inspection pipeline with their own mock linters.

Tests adjusted for the desktop-LSP reality (branch on Phoenix.isNativeApp where
JavaScript itself is under test; isolate from the LSP where it is incidental):

- jump-to-definition: vtsls returns the full declaration range, so desktop lands
  at its start; browser still selects the identifier via Tern.
- code hints inside a regex: vtsls returns zero completions, so assert "no hints
  shown" (list absent, or present but closed and empty) rather than strictly null.
- ESLint jsx: the LSP lints .jsx, so on desktop the inspector is active; the
  browser build (no LSP, ESLint v8 declines react) keeps it disabled.
- QuickView per-language register/unregister: switched the example language from
  JavaScript to HTML (not served by the LSP) so the test stays focused on
  registration mechanics with no competing provider.
---
 src/languageTools/DefaultProviders.js         | 49 ++++++++++++++++---
 src/languageTools/LSPClient.js                |  5 +-
 src/utils/ExtensionLoader.js                  | 14 ++----
 test/spec/CodeHint-integ-test.js              |  8 ++-
 test/spec/EditorCommandHandlers-integ-test.js | 20 ++++++--
 test/spec/Extn-ESLint-integ-test.js           | 16 +++++-
 test/spec/QuickViewManager-test.js            | 15 ++++--
 7 files changed, 99 insertions(+), 28 deletions(-)

diff --git a/src/languageTools/DefaultProviders.js b/src/languageTools/DefaultProviders.js
index a4c4fa21a3..a3eea03064 100644
--- a/src/languageTools/DefaultProviders.js
+++ b/src/languageTools/DefaultProviders.js
@@ -484,13 +484,17 @@ define(function (require, exports, module) {
     /**
      * Method to handle jump to definition feature.
      */
-    JumpToDefProvider.prototype.doJumpToDef = function () {
-        if (!this.client) {
+    JumpToDefProvider.prototype.doJumpToDef = function (editor) {
+        // JumpToDefManager passes the active editor; prefer it. Fall back to the focused/active
+        // editor only if called without one. getFocusedEditor() alone is unreliable - it returns
+        // null whenever the editor does not currently hold DOM focus (e.g. jump invoked from a
+        // menu/command, or in tests), which previously crashed here on a null editor.
+        editor = editor || EditorManager.getFocusedEditor() || EditorManager.getActiveEditor();
+        if (!this.client || !editor) {
             return null;
         }
 
-        var editor = EditorManager.getFocusedEditor(),
-            pos = editor.getCursorPos(),
+        const pos = editor.getCursorPos(),
             docPath = editor.document.file._path,
             docPathUri = PathConverters.pathToUri(docPath),
             $deferredHints = $.Deferred();
@@ -534,6 +538,7 @@ define(function (require, exports, module) {
     function LintingProvider() {
         this._results = new Map();
         this._promiseMap = new Map();
+        this._lastSignature = new Map();
         this._validateOnType = false;
     }
 
@@ -545,10 +550,12 @@ define(function (require, exports, module) {
         if (filePathProvided) {
             this._results.delete(filePath);
             this._promiseMap.delete(filePath);
+            this._lastSignature.delete(filePath);
         } else {
             //clear all results
             this._results.clear();
             this._promiseMap.clear();
+            this._lastSignature.clear();
         }
     };
 
@@ -579,15 +586,45 @@ define(function (require, exports, module) {
            this._promiseMap.get(filePath).resolve(this._results.get(filePath));
            this._promiseMap.delete(filePath);
         }
-        if (this._validateOnType) {
+        // Language servers re-publish diagnostics in waves (e.g. syntax then semantic passes) and
+        // again on every edit - frequently with identical content. Re-running inspection only to
+        // render the same problems rebuilds the Problems panel for nothing, which both wastes work
+        // and detaches live DOM (e.g. the inline "fix" buttons a user may be clicking). Skip the
+        // re-run when this file's diagnostics are unchanged from what we last surfaced.
+        var signature = JSON.stringify(errors),
+            changed = this._lastSignature.get(filePath) !== signature;
+        this._lastSignature.set(filePath, signature);
+        if (this._validateOnType && changed) {
             var editor = EditorManager.getActiveEditor(),
                 docPath = editor ? editor.document.file._path : "";
-            if (filePath === docPath) {
+            // Only nudge CodeInspection to re-pull when this LSP inspector is actually a
+            // registered provider for the active file. In the app it always is, so behaviour
+            // is unchanged. But tests that take manual control of the inspection pipeline call
+            // CodeInspection._unregisterAll() and choreograph their own (mock) linters; a stray
+            // requestRun() fired by the live server's async diagnostics would restart those
+            // carefully-timed runs and flake the results.
+            if (filePath === docPath && this._isRegisteredInspector(docPath)) {
                 CodeInspection.requestRun();
             }
         }
     };
 
+    /**
+     * @private
+     * @param {string} filePath - active document path
+     * @return {boolean} true if this provider's CodeInspection registration is still active for
+     *      the file (or if no registration name was recorded, preserving legacy behaviour).
+     */
+    LintingProvider.prototype._isRegisteredInspector = function (filePath) {
+        if (!this._inspectionProviderName) {
+            return true;
+        }
+        var name = this._inspectionProviderName;
+        return CodeInspection.getProvidersForPath(filePath).some(function (provider) {
+            return provider.name === name;
+        });
+    };
+
     LintingProvider.prototype.getInspectionResultsAsync = function (fileText, filePath) {
         var result = $.Deferred();
 
diff --git a/src/languageTools/LSPClient.js b/src/languageTools/LSPClient.js
index bde5b6c65b..50989ea7ab 100644
--- a/src/languageTools/LSPClient.js
+++ b/src/languageTools/LSPClient.js
@@ -550,6 +550,9 @@ define(function (require, exports, module) {
         client.references = new DefaultProviders.ReferencesProvider(client);
         client.lintingProvider = new DefaultProviders.LintingProvider();
         client.lintingProvider._validateOnType = true;
+        // Record the CodeInspection registration name so the provider can tell whether it is
+        // still a participating inspector before nudging a re-run on async diagnostics.
+        client.lintingProvider._inspectionProviderName = client.serverId + " (LSP)";
         client.hover = new HoverProvider.HoverProvider(client);
 
         CodeHintManager.registerHintProvider(client.codeHints, langs, DEFAULT_PRIORITY);
@@ -560,7 +563,7 @@ define(function (require, exports, module) {
 
         langs.forEach(function (lang) {
             CodeInspection.register(lang, {
-                name: client.serverId + " (LSP)",
+                name: client.lintingProvider._inspectionProviderName,
                 scanFileAsync: function (text, fullPath) {
                     // Diagnostics are pushed asynchronously by the server (publishDiagnostics),
                     // so never block the scan waiting for them - return whatever is cached now and
diff --git a/src/utils/ExtensionLoader.js b/src/utils/ExtensionLoader.js
index b265626fd7..01f5c2e4cd 100644
--- a/src/utils/ExtensionLoader.js
+++ b/src/utils/ExtensionLoader.js
@@ -166,16 +166,10 @@ define(function (require, exports, module) {
         // we dont load the heavy weight git extension by default for tests as huge number
         // of tests written before git integration and too hard to fix those failing tests for now.
         // we will just have new tests from git specific workflows.
-        // TypeScriptSupport is excluded for the same reason: it spawns a real vtsls language
-        // server and registers global providers (hover/QuickView, linting/CodeInspection,
-        // hints, jump-to-def) for js/jsx/ts/tsx, which breaks pre-existing integration tests
-        // (e.g. QuickView, ESLint) that assume nothing else is registered for those languages.
-        ["Git", "TypeScriptSupport"].forEach(function (extName) {
-            const index = DefaultExtensionsList.indexOf(extName);
-            if(index !== -1) {
-                DefaultExtensionsList.splice(index, 1);
-            }
-        });
+        const index = DefaultExtensionsList.indexOf("Git");
+        if(index !== -1) {
+            DefaultExtensionsList.splice(index, 1);
+        }
     }
 
     const customExtensionLoadPaths = {};
diff --git a/test/spec/CodeHint-integ-test.js b/test/spec/CodeHint-integ-test.js
index 3f18bf450c..8e35687120 100644
--- a/test/spec/CodeHint-integ-test.js
+++ b/test/spec/CodeHint-integ-test.js
@@ -88,7 +88,13 @@ define(function (require, exports, module) {
         // Note: these don't request hint results - they only examine hints that might already be open
         function expectNoHints() {
             var codeHintList = CodeHintManager._getCodeHintList();
-            expect(codeHintList).toBeFalsy();
+            // "No hints" means nothing is shown to the user. On the desktop build the LSP provider
+            // (registered at higher priority than the built-in JS hinter) may open a hint session for
+            // contexts the browser hinter suppresses outright - e.g. inside a regular expression - but
+            // vtsls returns zero completions there, so the resulting list is empty and never opened.
+            // So no hints are shown when the list is either absent, or present but closed and empty.
+            var noHintsShown = !codeHintList || (!codeHintList.isOpen() && codeHintList.hints.length === 0);
+            expect(noHintsShown).toBe(true);
         }
 
         function expectSomeHints() {
diff --git a/test/spec/EditorCommandHandlers-integ-test.js b/test/spec/EditorCommandHandlers-integ-test.js
index 0eec3fe27d..1cf50e88df 100644
--- a/test/spec/EditorCommandHandlers-integ-test.js
+++ b/test/spec/EditorCommandHandlers-integ-test.js
@@ -203,10 +203,22 @@ define(function (require, exports, module) {
                 await awaitsForDone(promise, "Jump To Definition");
 
                 selection = myEditor.getSelection();
-                expect(fixSel(selection)).toEql(fixSel({
-                    start: {line: 0, ch: 9},
-                    end: {line: 0, ch: 15}
-                }));
+                if (window.Phoenix.isNativeApp) {
+                    // Desktop has the LSP server (vtsls), which now provides jump-to-definition
+                    // for JavaScript (higher priority than the built-in Tern provider). vtsls
+                    // returns the full declaration range of testMe and we jump to its start
+                    // (the `function` keyword), giving a collapsed cursor at {0,0} - whereas Tern
+                    // selects the identifier name. Both correctly land on the testMe definition.
+                    expect(fixSel(selection)).toEql(fixSel({
+                        start: {line: 0, ch: 0},
+                        end: {line: 0, ch: 0}
+                    }));
+                } else {
+                    expect(fixSel(selection)).toEql(fixSel({
+                        start: {line: 0, ch: 9},
+                        end: {line: 0, ch: 15}
+                    }));
+                }
             });
         });
 
diff --git a/test/spec/Extn-ESLint-integ-test.js b/test/spec/Extn-ESLint-integ-test.js
index 9f21716bac..0317659e94 100644
--- a/test/spec/Extn-ESLint-integ-test.js
+++ b/test/spec/Extn-ESLint-integ-test.js
@@ -264,8 +264,20 @@ define(function (require, exports, module) {
             it("should not lint jsx file as ESLint v8 is not configured for react lint", async function () {
                 await _openProjectFile("react.jsx");
                 await awaits(100); // Just wait for some time to prevent any false linter runs
-                await _waitForProblemsPanelVisible(false);
-                expect($("#status-inspection").hasClass("inspection-disabled")).toBeTrue();
+                if (window.Phoenix.isNativeApp) {
+                    // On desktop the LSP server (vtsls) provides JavaScript/JSX diagnostics, so a .jsx
+                    // file IS linted by the LSP even though ESLint v8 is not configured for react -
+                    // the inspector is active (not disabled). ESLint itself still contributes nothing.
+                    await awaitsFor(()=>{
+                        return !$("#status-inspection").hasClass("inspection-disabled");
+                    }, "jsx inspection to be active via the LSP", 15000);
+                    expect($("#status-inspection").hasClass("inspection-disabled")).toBeFalse();
+                } else {
+                    // In the browser build there is no LSP, and ESLint v8 declines jsx, so nothing
+                    // lints the file - the inspector is disabled.
+                    await _waitForProblemsPanelVisible(false);
+                    expect($("#status-inspection").hasClass("inspection-disabled")).toBeTrue();
+                }
             }, 30000);
 
             it("should not show JSHint in desktop app if ESLint is active", async function () {
diff --git a/test/spec/QuickViewManager-test.js b/test/spec/QuickViewManager-test.js
index e14a5804c6..16bc27a1ed 100644
--- a/test/spec/QuickViewManager-test.js
+++ b/test/spec/QuickViewManager-test.js
@@ -40,6 +40,7 @@ define(function (require, exports, module) {
             editor,
             testFile = "test.css",
             testFileJS = "test.js",
+            testFileHTML = "test.html",
             oldFile;
 
         beforeAll(async function () {
@@ -260,20 +261,26 @@ define(function (require, exports, module) {
                 expect(popoverInfo.content.find("#blinker-fluid").length).toBe(0);
             });
 
-            it("should register and unregister preview provider for js language", async function () {
-                QuickViewManager.registerQuickViewProvider(provider, ["javascript"]);
+            it("should register and unregister preview provider for a single language", async function () {
+                // This test exercises QuickViewManager's per-language registration (register for one
+                // language vs "all"). It deliberately uses HTML rather than JavaScript: on the desktop
+                // build, JS/TS files also carry the LSP hover provider, whose previews would obscure
+                // what this test checks. HTML is not served by the LSP, so the provider under test is
+                // the only one in play and the assertions hold on both desktop and browser builds.
+                QuickViewManager.registerQuickViewProvider(provider, ["html"]);
 
+                // Open file is CSS (testFile from beforeEach); an html-only provider must not preview.
                 let popoverInfo = await getPopoverAtPos(4, 14);
                 expect(popoverInfo.content.find("#blinker-fluid").length).toBe(0);
 
-                await awaitsForDone(SpecRunnerUtils.openProjectFiles([testFileJS]), "open test file: " + testFileJS);
+                await awaitsForDone(SpecRunnerUtils.openProjectFiles([testFileHTML]), "open test file: " + testFileHTML);
 
                 popoverInfo = await getPopoverAtPos(4, 14);
                 expect(popoverInfo.content.find("#blinker-fluid").length).toBe(1);
                 expect(line.length > 1).toBeTrue();
                 expect(pos).toEql({ line: 4, ch: 14 });
 
-                QuickViewManager.removeQuickViewProvider(provider, ["javascript"]);
+                QuickViewManager.removeQuickViewProvider(provider, ["html"]);
                 popoverInfo = await getPopoverAtPos(4, 14);
                 expect(popoverInfo).toBe(null);
             });

From 965f06cc01023012aaf1e55293da877fbaf784c7 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 19:40:17 +0530
Subject: [PATCH 37/49] chore: sync src-node package-lock version to 5.2.0-0

---
 src-node/package-lock.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src-node/package-lock.json b/src-node/package-lock.json
index b6e85af4de..b97c6c92be 100644
--- a/src-node/package-lock.json
+++ b/src-node/package-lock.json
@@ -1,12 +1,12 @@
 {
     "name": "@phcode/node-core",
-    "version": "5.1.24-0",
+    "version": "5.2.0-0",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
         "": {
             "name": "@phcode/node-core",
-            "version": "5.1.24-0",
+            "version": "5.2.0-0",
             "hasInstallScript": true,
             "license": "GNU-AGPL3.0",
             "dependencies": {

From 062f532e4c994b6a34f706e64a1b5cf09786d930 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 19:47:57 +0530
Subject: [PATCH 38/49] feat: localize LSP server messages and drop the "(LSP)"
 tag from Problems panel

- Forward the user's UI locale (brackets.getLocale()) as LSP
  InitializeParams.locale on initialize, so vtsls/tsserver emit their diagnostics
  and hover/quick-info text in the user's language. Unknown locales fall back to
  English, so this is safe everywhere.

- Name the CodeInspection provider after the bare server id (e.g. "typescript")
  instead of "<id> (LSP)". The Problems panel read "0 typescript (LSP) Problems";
  to the user this is just built-in language support, and the LSP backing is an
  internal detail they don't need to see. The same id still drives the
  registered-inspector guard, so behaviour is unchanged.
---
 src/languageTools/LSPClient.js | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/languageTools/LSPClient.js b/src/languageTools/LSPClient.js
index 50989ea7ab..633eb4e797 100644
--- a/src/languageTools/LSPClient.js
+++ b/src/languageTools/LSPClient.js
@@ -507,6 +507,12 @@ define(function (require, exports, module) {
         };
     }
 
+    // The UI language the user has Phoenix set to (e.g. "en", "fr", "ja"), forwarded to the
+    // server so it can localize its messages. Falls back to English when unavailable.
+    function _uiLocale() {
+        return (typeof brackets !== "undefined" && brackets.getLocale && brackets.getLocale()) || "en";
+    }
+
     async function _startAndInit(client) {
         const config = client.config;
         const conn = await getConnector();
@@ -526,6 +532,10 @@ define(function (require, exports, module) {
             method: "initialize",
             params: {
                 processId: null,
+                // LSP InitializeParams.locale - the UI language to localize server messages
+                // (diagnostics, hover/quick-info) in. vtsls forwards this to tsserver, which ships
+                // localized messages for many locales and falls back to English for unknown ones.
+                locale: _uiLocale(),
                 rootUri: rootUri,
                 workspaceFolders: rootUri ? [{ uri: rootUri, name: rootName }] : null,
                 capabilities: _clientCapabilities(),
@@ -550,9 +560,9 @@ define(function (require, exports, module) {
         client.references = new DefaultProviders.ReferencesProvider(client);
         client.lintingProvider = new DefaultProviders.LintingProvider();
         client.lintingProvider._validateOnType = true;
-        // Record the CodeInspection registration name so the provider can tell whether it is
-        // still a participating inspector before nudging a re-run on async diagnostics.
-        client.lintingProvider._inspectionProviderName = client.serverId + " (LSP)";
+        // recorded so the provider can tell whether it is still a participating inspector before nudging a
+        // re-run on async diagnostics.
+        client.lintingProvider._inspectionProviderName = client.serverId;
         client.hover = new HoverProvider.HoverProvider(client);
 
         CodeHintManager.registerHintProvider(client.codeHints, langs, DEFAULT_PRIORITY);

From 6393871656fcd0d3c9d3c570d630a8fffb33f7ce Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 21:05:24 +0530
Subject: [PATCH 39/49] fix: don't re-run inspection when LSP re-publishes
 unchanged diagnostics

A language server's first publishDiagnostics for a file it has nothing to say
about is an empty set. The diagnostic-change guard treated "never recorded" as
different from "[]", so that initial empty publish counted as a change and fired
CodeInspection.requestRun(), rebuilding the Problems panel. When that rebuild
landed while a fix button was being clicked, the button detached and the fix
never applied (e.g. the ESLint v9 "fix 1 error" integration spec timed out).

Treat an unrecorded file as already-empty, so an initial empty publish is not a
change. Real diagnostics and diagnostic clears still trigger a re-run.
---
 src/languageTools/DefaultProviders.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/languageTools/DefaultProviders.js b/src/languageTools/DefaultProviders.js
index a3eea03064..b5434d475f 100644
--- a/src/languageTools/DefaultProviders.js
+++ b/src/languageTools/DefaultProviders.js
@@ -590,9 +590,13 @@ define(function (require, exports, module) {
         // again on every edit - frequently with identical content. Re-running inspection only to
         // render the same problems rebuilds the Problems panel for nothing, which both wastes work
         // and detaches live DOM (e.g. the inline "fix" buttons a user may be clicking). Skip the
-        // re-run when this file's diagnostics are unchanged from what we last surfaced.
+        // re-run when this file's diagnostics are unchanged from what we last surfaced. A file the
+        // server has nothing to say about is first published as an EMPTY set, so treat "never
+        // recorded" as already-empty - that initial empty publish must NOT count as a change, or it
+        // would needlessly rebuild the panel (this was detaching fix buttons mid-click in tests).
         var signature = JSON.stringify(errors),
-            changed = this._lastSignature.get(filePath) !== signature;
+            previous = this._lastSignature.has(filePath) ? this._lastSignature.get(filePath) : "[]",
+            changed = previous !== signature;
         this._lastSignature.set(filePath, signature);
         if (this._validateOnType && changed) {
             var editor = EditorManager.getActiveEditor(),

From a15e6f804b0b9afa8f3bc0a8dbb6cc11d4a43ed0 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 21:05:54 +0530
Subject: [PATCH 40/49] feat: suppress TypeScript "implicit any" suggestions in
 plain JavaScript

tsserver type-checks JS too and emits the noImplicitAny family (7005-7034,
including 7016 "Could not find a declaration file for module ... implicitly has
an 'any' type. Try `npm i --save-dev @types/...`") as suggestions. For a
developer who hasn't opted into typed JS these are noise - "go install @types"
prompts they never asked for.

Suppress those codes for javascript/jsx files unless the project opts into
type-checking via compilerOptions.checkJs (tsconfig/jsconfig) or a per-file
// @ts-check - matching how VS Code gates JS type diagnostics. Errors, warnings,
unused/deprecated hints, and all type intelligence (hover/completion) are
untouched; TypeScript/TSX is unaffected.

The LSP framework gains a generic per-server `filterDiagnostics` hook applied as
diagnostics arrive. TypeScriptSupport supplies the policy and detects checkJs by
reading tsconfig/jsconfig at the project root (JSONC-aware), re-evaluating on
project switch and when those configs change.
---
 .../default/TypeScriptSupport/main.js         | 137 +++++++++++++++++-
 src/languageTools/LSPClient.js                |  18 ++-
 2 files changed, 150 insertions(+), 5 deletions(-)

diff --git a/src/extensions/default/TypeScriptSupport/main.js b/src/extensions/default/TypeScriptSupport/main.js
index 6b1c026363..4146d9e6e6 100644
--- a/src/extensions/default/TypeScriptSupport/main.js
+++ b/src/extensions/default/TypeScriptSupport/main.js
@@ -26,11 +26,14 @@
  * ready) so it never slows down boot. It just declares which languages map to which server and
  * what initialization options vtsls needs.
  */
+/*global path*/
 define(function (require, exports, module) {
 
 
     const AppInit = brackets.getModule("utils/AppInit"),
         ProjectManager = brackets.getModule("project/ProjectManager"),
+        DocumentManager = brackets.getModule("document/DocumentManager"),
+        FileSystem = brackets.getModule("filesystem/FileSystem"),
         NodeConnector = brackets.getModule("NodeConnector");
 
     const SERVER_ID = "typescript";
@@ -57,6 +60,120 @@ define(function (require, exports, module) {
         }
     };
 
+    // --- "implicit any" diagnostics gating for plain JavaScript -----------------------------------
+    //
+    // tsserver runs its language service over JS too, and emits the "noImplicitAny" family of
+    // diagnostics - including 7016 "Could not find a declaration file for module ... implicitly has
+    // an 'any' type. Try `npm i --save-dev @types/...`". For a pure-JS developer who never opted
+    // into type-checking, these are noise, so we suppress them for javascript/jsx UNLESS the project
+    // opts into type-checking via `checkJs` (tsconfig/jsconfig) or a per-file `// @ts-check`. This
+    // mirrors how VS Code only surfaces JS type diagnostics once you opt in. Real errors/warnings,
+    // unused-symbol/deprecation hints, and all type *intelligence* (hover/completion) are untouched.
+    const IMPLICIT_ANY_CODES = new Set([
+        7005, 7006, 7008, 7009, 7010, 7011, 7015, 7016, 7017, 7018, 7019,
+        7022, 7023, 7024, 7025, 7026, 7031, 7033, 7034
+    ]);
+    const SUPPRESS_LANGUAGES = ["javascript", "jsx"];
+    const TS_CONFIG_FILES = ["tsconfig.json", "jsconfig.json"];
+
+    // Whether the current project opts into type-checking its JS (compilerOptions.checkJs).
+    let projectChecksJs = false;
+
+    /**
+     * Strip JSONC comments and trailing commas so tsconfig/jsconfig can be JSON.parse'd. Good enough
+     * for reading a flag (does not handle `//` inside string values - rare in these configs).
+     * @param {string} str
+     * @return {string}
+     */
+    function _stripJsonComments(str) {
+        str = str || "";
+        str = str.replace(/\/\*(?:(?!\*\/)[\s\S])*\*\//g, "");  // block comments
+        str = str.replace(/\/\/[^\n\r]*/g, "");                 // line comments
+        str = str.replace(/,(\s*[}\]])/g, "$1");                // trailing commas
+        return str;
+    }
+
+    /**
+     * Read tsconfig.json/jsconfig.json at the project root and resolve whether compilerOptions.checkJs
+     * is enabled. Does not follow `extends` (a project that only inherits checkJs from a base config
+     * is rare; can be added later). Mirrors the simple root-config reads ESLint/JSHint do.
+     * @return {Promise<boolean>}
+     */
+    function _detectProjectCheckJs() {
+        const root = ProjectManager.getProjectRoot();
+        if (!root) {
+            return Promise.resolve(false);
+        }
+        const rootPath = root.fullPath;
+        return Promise.all(TS_CONFIG_FILES.map(function (name) {
+            return new Promise(function (resolve) {
+                FileSystem.getFileForPath(path.join(rootPath, name)).read(function (err, content) {
+                    if (err || !content) {
+                        resolve(false);
+                        return;
+                    }
+                    try {
+                        const cfg = JSON.parse(_stripJsonComments(content));
+                        resolve(!!(cfg && cfg.compilerOptions && cfg.compilerOptions.checkJs));
+                    } catch (e) {
+                        resolve(false);
+                    }
+                });
+            });
+        })).then(function (results) {
+            return results.indexOf(true) !== -1;
+        });
+    }
+
+    function _refreshCheckJs() {
+        const scanningRoot = ProjectManager.getProjectRoot() && ProjectManager.getProjectRoot().fullPath;
+        _detectProjectCheckJs().then(function (checks) {
+            // Ignore a stale result if the project switched while we were reading.
+            const nowRoot = ProjectManager.getProjectRoot() && ProjectManager.getProjectRoot().fullPath;
+            if (scanningRoot === nowRoot) {
+                projectChecksJs = checks;
+            }
+        });
+    }
+
+    /**
+     * True if an open JS file opts into type-checking with a leading `// @ts-check` (and not
+     * `// @ts-nocheck`). Only checks already-open documents - diagnostics are virtually always for
+     * the file being edited.
+     * @param {string} filePath
+     * @return {boolean}
+     */
+    function _fileHasTsCheck(filePath) {
+        const doc = DocumentManager.getOpenDocumentForPath(filePath);
+        if (!doc) {
+            return false;
+        }
+        const head = doc.getText().slice(0, 1000);
+        if (/@ts-nocheck\b/.test(head)) {
+            return false;
+        }
+        return /@ts-check\b/.test(head);
+    }
+
+    /**
+     * Drop "implicit any" diagnostics for plain JS/JSX files that haven't opted into type-checking.
+     * @param {Array<Object>} diagnostics - raw LSP diagnostics
+     * @param {{languageId:string, filePath:string}} ctx
+     * @return {Array<Object>}
+     */
+    function filterDiagnostics(diagnostics, ctx) {
+        if (SUPPRESS_LANGUAGES.indexOf(ctx.languageId) === -1) {
+            return diagnostics; // typescript/tsx (or anything else) - never filtered
+        }
+        if (projectChecksJs || _fileHasTsCheck(ctx.filePath)) {
+            return diagnostics; // opted into typed JS - keep everything
+        }
+        return diagnostics.filter(function (d) {
+            const code = (typeof d.code === "string") ? parseInt(d.code, 10) : d.code;
+            return !IMPLICIT_ANY_CODES.has(code);
+        });
+    }
+
     let registered = false;
     let lspClientPromise = null;
 
@@ -126,7 +243,8 @@ define(function (require, exports, module) {
             args: ["--stdio"],
             languages: SUPPORTED_LANGUAGES,
             languageIdMap: LANGUAGE_ID_MAP,
-            initializationOptions: INITIALIZATION_OPTIONS
+            initializationOptions: INITIALIZATION_OPTIONS,
+            filterDiagnostics: filterDiagnostics
         });
         if (client) {
             registered = true;
@@ -143,17 +261,30 @@ define(function (require, exports, module) {
         if (!canRun()) {
             return;
         }
+        _refreshCheckJs();
         start().catch(function (err) {
             console.error("[TypeScriptSupport] init failed", err && (err.message || err));
         });
 
-        // Restart the server against the new workspace root when the project changes.
-        ProjectManager.on("projectOpen", function () {
+        // Restart the server against the new workspace root when the project changes, and
+        // re-evaluate whether the new project type-checks its JS.
+        ProjectManager.on(ProjectManager.EVENT_PROJECT_OPEN, function () {
+            _refreshCheckJs();
             if (registered) {
                 loadLSPClient().then(function (LSPClient) {
                     LSPClient.restartLanguageServer(SERVER_ID);
                 });
             }
         });
+
+        // Pick up a tsconfig/jsconfig being added, edited, or removed at the project root.
+        ProjectManager.on(ProjectManager.EVENT_PROJECT_CHANGED_OR_RENAMED_PATH, function (_evt, changedPath) {
+            const root = ProjectManager.getProjectRoot();
+            if (root && TS_CONFIG_FILES.some(function (name) {
+                return changedPath === path.join(root.fullPath, name);
+            })) {
+                _refreshCheckJs();
+            }
+        });
     });
 });
diff --git a/src/languageTools/LSPClient.js b/src/languageTools/LSPClient.js
index 633eb4e797..22cd151c44 100644
--- a/src/languageTools/LSPClient.js
+++ b/src/languageTools/LSPClient.js
@@ -58,6 +58,7 @@ define(function (require, exports, module) {
         HoverProvider           = require("languageTools/HoverProvider"),
         DocumentSync            = require("languageTools/DocumentSync"),
         DocumentHighlight       = require("languageTools/DocumentHighlight"),
+        LanguageManager         = require("language/LanguageManager"),
         CodeHintManager         = require("editor/CodeHintManager"),
         ParameterHintsManager   = require("features/ParameterHintsManager"),
         JumpToDefManager        = require("features/JumpToDefManager"),
@@ -170,9 +171,22 @@ define(function (require, exports, module) {
             const params = data.params || {};
             // Rewrite the URI to a VFS-based URI so the linting provider keys results by the
             // same path CodeInspection uses (editor.document.file._path).
+            const vfsUri = serverUriToVfsUri(params.uri);
+            let diagnostics = params.diagnostics || [];
+            // Let the language config drop diagnostics that don't make sense for a given file
+            // (e.g. TypeScript's "needs a declaration file" suggestions in a plain JS file).
+            const filterFn = client.config && client.config.filterDiagnostics;
+            if (filterFn && diagnostics.length) {
+                const vfsPath = PathConverters.uriToPath(vfsUri);
+                const language = LanguageManager.getLanguageForPath(vfsPath);
+                diagnostics = filterFn(diagnostics, {
+                    languageId: language && language.getId(),
+                    filePath: vfsPath
+                });
+            }
             client.lintingProvider.setInspectionResults({
-                uri: serverUriToVfsUri(params.uri),
-                diagnostics: params.diagnostics || []
+                uri: vfsUri,
+                diagnostics: diagnostics
             });
         }
     }

From ffc1f2d4d4e7f410f4a7022f5847d280036cf2b8 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 21:06:22 +0530
Subject: [PATCH 41/49] feat: show informational diagnostic count in the
 Problems panel title

Info-level (META) diagnostics are listed in the panel but weren't counted in the
title, so a file with only suggestions read "0 Problems" above a visible info
row. Count them separately and append "(N Info)" when present, e.g.
"0 typescript Problems - foo.js (2 Info)". Error/warning counts and the existing
title formats are unchanged - the suffix only appears when there are infos.
---
 src/language/CodeInspection.js | 15 ++++++++++++---
 src/nls/root/strings.js        |  1 +
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/language/CodeInspection.js b/src/language/CodeInspection.js
index 151440ece9..0cc3db380a 100644
--- a/src/language/CodeInspection.js
+++ b/src/language/CodeInspection.js
@@ -365,7 +365,7 @@ define(function (require, exports, module) {
      * @param {boolean} aborted - true if any provider returned a result with the 'aborted' flag set
      * @param fileName
      */
-    function updatePanelTitleAndStatusBar(numProblems, providersReportingProblems, aborted, fileName) {
+    function updatePanelTitleAndStatusBar(numProblems, numInfos, providersReportingProblems, aborted, fileName) {
         $fixAllBtn.addClass("forced-hidden");
         var message, tooltip;
 
@@ -405,6 +405,12 @@ define(function (require, exports, module) {
             return;
         }
 
+        // Info-level diagnostics (e.g. LSP suggestions) are shown as rows but aren't "problems";
+        // surface their count in the title so "0 Problems" never sits above a visible info row.
+        if (numInfos > 0) {
+            message = StringUtils.format(Strings.ERRORS_PANEL_TITLE_INFO_SUFFIX, message, numInfos);
+        }
+
         $problemsPanel.find(".title").text(message);
         tooltip = StringUtils.format(Strings.STATUSBAR_CODE_INSPECTION_TOOLTIP, message);
         let iconType = "inspection-errors";
@@ -762,6 +768,7 @@ define(function (require, exports, module) {
 
         if (providerList && providerList.length) {
             let numProblems = 0,
+                numInfos = 0,
                 aborted = false,
                 allErrors = [],
                 html,
@@ -825,7 +832,9 @@ define(function (require, exports, module) {
                                 error.codeSnippet = error.codeSnippet.substr(0, 175);  // limit snippet width
                             }
 
-                            if (error.type !== Type.META) {
+                            if (error.type === Type.META) {
+                                numInfos++;
+                            } else {
                                 numProblems++;
                             }
 
@@ -860,7 +869,7 @@ define(function (require, exports, module) {
                     .empty()
                     .append(html);  // otherwise scroll pos from previous contents is remembered
 
-                updatePanelTitleAndStatusBar(numProblems, providersReportingProblems, aborted,
+                updatePanelTitleAndStatusBar(numProblems, numInfos, providersReportingProblems, aborted,
                     path.basename(fullFilePath));
                 setGotoEnabled(true);
 
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index 968ae2e34d..d53206db01 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -1004,6 +1004,7 @@ define({
     "ERRORS_NO_FILE": "No File Open",
     "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
     "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
+    "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
     "SINGLE_ERROR": "1 {0} Problem - {1}",
     "SINGLE_ERROR_FIXABLE": "1 {0} Problem, {1} Fixable - {2}",
     "MULTIPLE_ERRORS": "{0} {1} Problems - {2}",

From d92df4fae8f0425082665506e1bc714cfe14abab Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 21:10:04 +0530
Subject: [PATCH 42/49] test: add empty unittests.js for TypeScriptSupport
 extension

The test runner loads every default extension's unittests.js. TypeScriptSupport
had none, so the request 404'd and the returned HTML error page was parsed as JS
("SyntaxError: Unexpected token '<'"), reported as a suite-load failure. Add an
empty unittests.js, matching the convention used by other extensions that are
loaded in test windows but ship no unit tests (LightTheme, DarkTheme,
HandlebarsSupport). Git avoids this only because it is excluded from test windows.
---
 src/extensions/default/TypeScriptSupport/unittests.js | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 src/extensions/default/TypeScriptSupport/unittests.js

diff --git a/src/extensions/default/TypeScriptSupport/unittests.js b/src/extensions/default/TypeScriptSupport/unittests.js
new file mode 100644
index 0000000000..e69de29bb2

From 3b5b20fcf147e0b1592d1d1ce731d5c1ee40ffb3 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 21:38:46 +0530
Subject: [PATCH 43/49] test: add LSP integration tests for TypeScriptSupport
 (JS + TS)

Cover the desktop LSP end to end against the real vtsls server:
- a .ts file reports a real type error,
- a JS project that opts into checkJs (jsconfig) shows implicit-any (kept),
- a plain JS project does NOT show implicit-any (suppressed) - with a checkJs
  precondition so the negative assertion reflects gating, not timing.

The tests live in the extension's unittests.js (previously an empty shim) and
follow the standard createTestWindowAndRun + brackets.test.* integration pattern;
they require core modules via brackets.getModule and are gated to the desktop
build (Phoenix.isNativeApp), skipped in the browser. main.js sets a
_TypeScriptSupportReadyToIntegTest flag so the tests can await server startup.
Fixtures are tiny and need no node_modules. Verified 3/3 passing.
---
 .../default/TypeScriptSupport/main.js         |   3 +
 .../default/TypeScriptSupport/unittests.js    | 115 ++++++++++++++++++
 .../js-checkjs/implicit.js                    |   5 +
 .../js-checkjs/jsconfig.json                  |   7 ++
 .../js-plain/implicit.js                      |   5 +
 .../ts/type-error.ts                          |   6 +
 6 files changed, 141 insertions(+)
 create mode 100644 test/spec/TypeScriptSupport-test-files/js-checkjs/implicit.js
 create mode 100644 test/spec/TypeScriptSupport-test-files/js-checkjs/jsconfig.json
 create mode 100644 test/spec/TypeScriptSupport-test-files/js-plain/implicit.js
 create mode 100644 test/spec/TypeScriptSupport-test-files/ts/type-error.ts

diff --git a/src/extensions/default/TypeScriptSupport/main.js b/src/extensions/default/TypeScriptSupport/main.js
index 4146d9e6e6..16e5b11032 100644
--- a/src/extensions/default/TypeScriptSupport/main.js
+++ b/src/extensions/default/TypeScriptSupport/main.js
@@ -264,6 +264,9 @@ define(function (require, exports, module) {
         _refreshCheckJs();
         start().catch(function (err) {
             console.error("[TypeScriptSupport] init failed", err && (err.message || err));
+        }).finally(function () {
+            // Signal for integration tests that the server start has been attempted/settled.
+            window._TypeScriptSupportReadyToIntegTest = true;
         });
 
         // Restart the server against the new workspace root when the project changes, and
diff --git a/src/extensions/default/TypeScriptSupport/unittests.js b/src/extensions/default/TypeScriptSupport/unittests.js
index e69de29bb2..8311cd7684 100644
--- a/src/extensions/default/TypeScriptSupport/unittests.js
+++ b/src/extensions/default/TypeScriptSupport/unittests.js
@@ -0,0 +1,115 @@
+/*
+ * GNU AGPL-3.0 License
+ *
+ * Copyright (c) 2021 - present core.ai . All rights reserved.
+ *
+ * This program is free software: you can redistribute it and/or modify it
+ * under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License
+ * for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see https://opensource.org/licenses/AGPL-3.0.
+ *
+ */
+
+/*global describe, it, expect, beforeAll, afterAll, awaitsFor, awaitsForDone */
+
+define(function (require, exports, module) {
+
+    const SpecRunnerUtils = brackets.getModule("spec/SpecRunnerUtils");
+
+    const IMPLICIT_ANY_MESSAGE = "implicitly has an 'any' type";
+
+    describe("integration:TypeScript LSP", function () {
+        const testRootSpec = "/spec/TypeScriptSupport-test-files/";
+        let testFolder = SpecRunnerUtils.getTestPath(testRootSpec),
+            testWindow,
+            $,
+            EditorManager,
+            CommandManager,
+            Commands,
+            CodeInspection;
+
+        // The LSP runs only in the desktop app (it spawns the vtsls Node process), so these tests
+        // are meaningless in the browser build - register a single skipped placeholder and bail.
+        if (!Phoenix.isNativeApp) {
+            it("is desktop-only - skipped in the browser build", function () {
+                expect(Phoenix.isNativeApp).toBeFalsy();
+            });
+            return;
+        }
+
+        beforeAll(async function () {
+            testWindow = await SpecRunnerUtils.createTestWindowAndRun();
+            $ = testWindow.$;
+            EditorManager = testWindow.brackets.test.EditorManager;
+            CommandManager = testWindow.brackets.test.CommandManager;
+            Commands = testWindow.brackets.test.Commands;
+            CodeInspection = testWindow.brackets.test.CodeInspection;
+            CodeInspection.toggleEnabled(true);
+            // Wait until the extension has attempted to start the language server.
+            await awaitsFor(function () {
+                return testWindow._TypeScriptSupportReadyToIntegTest;
+            }, "TypeScript LSP server to start", 30000);
+        }, 30000);
+
+        afterAll(async function () {
+            testWindow = null;
+            $ = null;
+            EditorManager = null;
+            CommandManager = null;
+            Commands = null;
+            CodeInspection = null;
+            await SpecRunnerUtils.closeTestWindow();
+        }, 30000);
+
+        function panelText() {
+            return $("#problems-panel").text();
+        }
+
+        async function _openInProject(subFolder, fileName) {
+            await SpecRunnerUtils.loadProjectInTestWindow(testFolder + subFolder);
+            await awaitsForDone(SpecRunnerUtils.openProjectFiles([fileName]), "open " + fileName);
+        }
+
+        it("should report TypeScript type errors from the language server", async function () {
+            await _openInProject("ts/", "type-error.ts");
+            // type-error.ts assigns a string to a `number` -> TS2322 "... not assignable ...".
+            await awaitsFor(function () {
+                return panelText().includes("not assignable");
+            }, "TypeScript type error to be reported", 20000);
+        }, 30000);
+
+        it("should report implicit-any in a JS project that opts into checkJs", async function () {
+            // js-checkjs has a jsconfig.json with checkJs + noImplicitAny, so the untyped parameter
+            // in implicit.js IS flagged - and our diagnostic filter keeps it (the project opted in).
+            await _openInProject("js-checkjs/", "implicit.js");
+            await awaitsFor(function () {
+                return panelText().includes(IMPLICIT_ANY_MESSAGE);
+            }, "implicit-any to be reported under checkJs", 20000);
+        }, 30000);
+
+        it("should NOT report implicit-any in a plain JS project", async function () {
+            // Precondition: confirm the server actually produces implicit-any for this exact code
+            // (under checkJs), so the plain-project assertion below reflects gating, not just timing.
+            await _openInProject("js-checkjs/", "implicit.js");
+            await awaitsFor(function () {
+                return panelText().includes(IMPLICIT_ANY_MESSAGE);
+            }, "implicit-any under checkJs (precondition)", 20000);
+
+            // Same code in a plain JS project (no jsconfig / no @ts-check): the "go add types" nag
+            // must not appear. Wait for inspection to settle clean, then assert it is absent.
+            await _openInProject("js-plain/", "implicit.js");
+            await awaitsFor(function () {
+                return $("#status-inspection").hasClass("inspection-valid");
+            }, "plain JS inspection to settle with no problems", 20000);
+            expect(panelText().includes(IMPLICIT_ANY_MESSAGE)).toBe(false);
+        }, 30000);
+    });
+});
diff --git a/test/spec/TypeScriptSupport-test-files/js-checkjs/implicit.js b/test/spec/TypeScriptSupport-test-files/js-checkjs/implicit.js
new file mode 100644
index 0000000000..c0fa3d0b46
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/js-checkjs/implicit.js
@@ -0,0 +1,5 @@
+// Same untyped parameter as js-plain, but this project opts into type-checking via jsconfig
+// (checkJs + noImplicitAny), so the LSP SHOULD report the implicit "any".
+export function identity(value) {
+    return value;
+}
diff --git a/test/spec/TypeScriptSupport-test-files/js-checkjs/jsconfig.json b/test/spec/TypeScriptSupport-test-files/js-checkjs/jsconfig.json
new file mode 100644
index 0000000000..6228b984f0
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/js-checkjs/jsconfig.json
@@ -0,0 +1,7 @@
+{
+    "compilerOptions": {
+        "checkJs": true,
+        "noImplicitAny": true
+    },
+    "include": ["**/*.js"]
+}
diff --git a/test/spec/TypeScriptSupport-test-files/js-plain/implicit.js b/test/spec/TypeScriptSupport-test-files/js-plain/implicit.js
new file mode 100644
index 0000000000..a34a727b30
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/js-plain/implicit.js
@@ -0,0 +1,5 @@
+// Plain JavaScript (no jsconfig/tsconfig, no @ts-check). The untyped parameter would be an
+// "implicit any" under type-checking, but a pure-JS project must NOT be nagged about it.
+export function identity(value) {
+    return value;
+}
diff --git a/test/spec/TypeScriptSupport-test-files/ts/type-error.ts b/test/spec/TypeScriptSupport-test-files/ts/type-error.ts
new file mode 100644
index 0000000000..d721e207bb
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/ts/type-error.ts
@@ -0,0 +1,6 @@
+// A deliberate TypeScript type error for the LSP integration test.
+const aNumber: number = "this is a string";
+
+export function getValue(): number {
+    return aNumber;
+}

From bf87dee95d402d6165f893900215f4a1f0265fc0 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 22:13:59 +0530
Subject: [PATCH 44/49] fix: sync the restored file and enable Find Usages when
 the LSP starts late

At app start a session-restored file is opened before the language server
finishes starting, so the per-file setup it normally gets on a file switch never
ran - jump-to-definition did nothing and "Find Usages" stayed disabled until the
user switched files once.

- DocumentSync.openSupportedDocuments now also didOpens the active editor's
  document (it may not yet be in getAllOpenDocuments() at server-start time), so
  the file the user is looking at is synced immediately.
- FindReferencesManager refreshes the command's enabled state when a provider
  registers (the state is otherwise only computed on file switch), so a
  late-registering LSP references provider lights up "Find Usages" right away.
---
 src/features/FindReferencesManager.js | 17 ++++++++++++++---
 src/languageTools/DocumentSync.js     | 12 +++++++++++-
 2 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/features/FindReferencesManager.js b/src/features/FindReferencesManager.js
index 2cb213c871..872f0c28a7 100644
--- a/src/features/FindReferencesManager.js
+++ b/src/features/FindReferencesManager.js
@@ -36,11 +36,22 @@ define(function (require, exports, module) {
         Strings                     = require("strings");
 
     var _providerRegistrationHandler = new ProviderRegistrationHandler(),
-        registerFindReferencesProvider = _providerRegistrationHandler.registerProvider.bind(
-            _providerRegistrationHandler
-        ),
         removeFindReferencesProvider = _providerRegistrationHandler.removeProvider.bind(_providerRegistrationHandler);
 
+    /**
+     * Register a find-references provider. The command's enabled state is normally computed on file
+     * switch; a provider can register *after* the active file is already open (e.g. an LSP server
+     * that starts asynchronously at app launch), so re-evaluate the menu state here too - otherwise
+     * "Find All References" stays disabled until the user switches files.
+     * @param {Object} providerInfo
+     * @param {Array<string>} languageIds
+     * @param {?number} priority
+     */
+    function registerFindReferencesProvider(providerInfo, languageIds, priority) {
+        _providerRegistrationHandler.registerProvider(providerInfo, languageIds, priority);
+        setMenuItemStateForLanguage();
+    }
+
     var searchModel = new SearchModel(),
         _resultsView;
 
diff --git a/src/languageTools/DocumentSync.js b/src/languageTools/DocumentSync.js
index 0d3375a937..ae400716ea 100644
--- a/src/languageTools/DocumentSync.js
+++ b/src/languageTools/DocumentSync.js
@@ -191,7 +191,17 @@ define(function (require, exports, module) {
      * @param {Object} client - a LanguageClient
      */
     function openSupportedDocuments(client) {
-        DocumentManager.getAllOpenDocuments().forEach(function (doc) {
+        const docs = DocumentManager.getAllOpenDocuments().slice();
+        // Belt-and-suspenders: the file the user is actually looking at - e.g. a session-restored
+        // document at app start - may not yet appear in getAllOpenDocuments() at the moment the
+        // server finishes starting. Include the active editor's document explicitly so it is synced
+        // immediately, instead of only after the next file switch (which is what triggered the
+        // activeEditorChange safety net before).
+        const activeEditor = EditorManager.getActiveEditor();
+        if (activeEditor && activeEditor.document && docs.indexOf(activeEditor.document) === -1) {
+            docs.push(activeEditor.document);
+        }
+        docs.forEach(function (doc) {
             if (_isSupported(client, doc)) {
                 // Always (re)send didOpen with the current content. This is called right after a
                 // server (re)start, so any prior tracking is stale and must not be trusted - e.g.

From 5ef0e4e08d88eefe7fb2a0c9896a564aa96bfe28 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 22:14:28 +0530
Subject: [PATCH 45/49] feat: quick-action buttons in the LSP hover popup (Go
 to Definition / Find Usages)

The hover popup now shows a pinned action footer below the (scrollable)
documentation: "Go to Definition" on the left and "Find Usages" on the right,
each gated on what the server actually advertises (definitionProvider /
referencesProvider). Clicking places the cursor at the hovered symbol, dismisses
the popup, and runs the command - so the action targets what you hovered. The
keyboard shortcut is shown as a tooltip rather than inline to keep the row tidy.

Also rename the commands to match common IDE wording (applies to the context
menu too): "Jump to Definition" -> "Go to Definition", "Find All References" ->
"Find Usages". Adds QuickViewManager.hideQuickView() so an action can dismiss the
popup; hover styling lives in brackets.less (theme-aware).
---
 src/features/QuickViewManager.js   |  1 +
 src/languageTools/HoverProvider.js | 70 +++++++++++++++++++++++++++++-
 src/nls/root/strings.js            |  4 +-
 src/styles/brackets.less           | 68 ++++++++++++++++++++++++++---
 4 files changed, 132 insertions(+), 11 deletions(-)

diff --git a/src/features/QuickViewManager.js b/src/features/QuickViewManager.js
index 53ccf5b08a..17a47f7adf 100644
--- a/src/features/QuickViewManager.js
+++ b/src/features/QuickViewManager.js
@@ -794,4 +794,5 @@ define(function (require, exports, module) {
     exports.isQuickViewShown = isQuickViewShown;
     exports.lockQuickView = lockQuickView;
     exports.unlockQuickView = unlockQuickView;
+    exports.hideQuickView = hidePreview;
 });
diff --git a/src/languageTools/HoverProvider.js b/src/languageTools/HoverProvider.js
index f17652f9d3..ce0d28c006 100644
--- a/src/languageTools/HoverProvider.js
+++ b/src/languageTools/HoverProvider.js
@@ -29,7 +29,12 @@ define(function (require, exports, module) {
 
     // Hover styling lives in src/styles/brackets.less (.lsp-hover-quickview) so it tracks the
     // active light/dark theme.
-    const marked = require("thirdparty/marked.min");
+    const marked = require("thirdparty/marked.min"),
+        CommandManager = require("command/CommandManager"),
+        Commands = require("command/Commands"),
+        KeyBindingManager = require("command/KeyBindingManager"),
+        QuickViewManager = require("features/QuickViewManager"),
+        Strings = require("strings");
 
     /**
      * Convert LSP hover `contents` (MarkupContent | MarkedString | string | array of those)
@@ -68,6 +73,61 @@ define(function (require, exports, module) {
         }
     }
 
+    /**
+     * Build one clickable action row (icon + label + optional shortcut). Clicking places the cursor
+     * at the hovered position, dismisses the hover popup, then runs the command - so jump/find
+     * operate on the symbol the user hovered, not wherever the cursor happened to be.
+     */
+    function _action(iconClass, label, commandId, editor, pos, alignRight) {
+        const $action = $("<div>").addClass("lsp-hover-action").attr("tabindex", "0");
+        if (alignRight) {
+            $action.addClass("lsp-hover-action--end");
+        }
+        $("<i>").addClass(iconClass + " lsp-hover-action-icon").appendTo($action);
+        $("<span>").addClass("lsp-hover-action-label").text(label).appendTo($action);
+        // The keyboard shortcut is surfaced as a tooltip (not inline) to keep the row compact.
+        const shortcut = KeyBindingManager.getKeyBindingsDisplay(commandId);
+        $action.attr("title", shortcut ? (label + " (" + shortcut + ")") : label);
+        function run(e) {
+            if (e) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            QuickViewManager.hideQuickView();
+            editor.setCursorPos(pos.line, pos.ch);
+            editor.focus();
+            CommandManager.execute(commandId);
+        }
+        $action.on("click", run);
+        $action.on("keydown", function (e) {
+            if (e.keyCode === 13 || e.keyCode === 32) { // Enter / Space
+                run(e);
+            }
+        });
+        return $action;
+    }
+
+    /**
+     * Build the action footer (Go to Definition / Find Usages), gated on what the server supports.
+     * @return {?jQuery} the actions element, or null when no action is available.
+     */
+    function _buildActions(client, editor, pos) {
+        const caps = client.getServerCapabilities() || {};
+        const $actions = $("<div>").addClass("lsp-hover-actions");
+        let count = 0;
+        if (caps.definitionProvider) {
+            $actions.append(_action("fa-solid fa-arrow-right", Strings.CMD_JUMPTO_DEFINITION,
+                Commands.NAVIGATE_JUMPTO_DEFINITION, editor, pos));
+            count++;
+        }
+        if (caps.referencesProvider) {
+            $actions.append(_action("fa-solid fa-magnifying-glass", Strings.FIND_ALL_REFERENCES,
+                Commands.CMD_FIND_ALL_REFERENCES, editor, pos, true));
+            count++;
+        }
+        return count ? $actions : null;
+    }
+
     /**
      * @param {Object} client - a LanguageClient from LSPClient.js
      */
@@ -98,10 +158,16 @@ define(function (require, exports, module) {
                         start = { line: hover.range.start.line, ch: hover.range.start.character };
                         end = { line: hover.range.end.line, ch: hover.range.end.character };
                     }
+                    const $content = $("<div>").addClass("lsp-hover-quickview");
+                    $("<div>").addClass("lsp-hover-doc").html(html).appendTo($content);
+                    const $actions = _buildActions(self.client, editor, pos);
+                    if ($actions) {
+                        $content.append($actions);
+                    }
                     resolve({
                         start: start,
                         end: end,
-                        content: $("<div>").addClass("lsp-hover-quickview").html(html)
+                        content: $content
                     });
                 })
                 .fail(function () {
diff --git a/src/nls/root/strings.js b/src/nls/root/strings.js
index d53206db01..55fa626468 100644
--- a/src/nls/root/strings.js
+++ b/src/nls/root/strings.js
@@ -1498,7 +1498,7 @@ define({
     "EDIT": "Edit",
 
     // extensions/default/JavaScriptCodeHints
-    "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+    "CMD_JUMPTO_DEFINITION": "Go to Definition",
     "CMD_SHOW_PARAMETER_HINT": "Show Parameter Hint",
     "NO_ARGUMENTS": "<no parameters>",
     "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
@@ -1735,7 +1735,7 @@ define({
     "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP Tooling default configuration settings",
     "OPEN_PREFERENNCES": "Open Preferences",
 
-    "FIND_ALL_REFERENCES": "Find All References",
+    "FIND_ALL_REFERENCES": "Find Usages",
     "REFERENCES_IN_FILES": "references",
     "REFERENCE_IN_FILES": "reference",
     "REFERENCES_NO_RESULTS": "No References available for current cursor position",
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
index fc70ee3afe..db1ae2931b 100644
--- a/src/styles/brackets.less
+++ b/src/styles/brackets.less
@@ -2146,9 +2146,6 @@ a, img {
 .lsp-hover-quickview {
     text-align: left;
     max-width: 520px;
-    max-height: 320px;
-    overflow-y: auto;
-    overflow-x: hidden;
     padding: 2px 4px;
     font-size: 12.5px;
     line-height: 1.5;
@@ -2159,6 +2156,13 @@ a, img {
         color: @dark-bc-text;
     }
 
+    // The documentation scrolls; the action footer below it stays pinned and always visible.
+    .lsp-hover-doc {
+        max-height: 320px;
+        overflow-y: auto;
+        overflow-x: hidden;
+    }
+
     // First block is the function/type signature (a ```ts``` fence): the visual focal point.
     pre {
         margin: 0 0 9px 0;
@@ -2262,21 +2266,71 @@ a, img {
         margin: 2px 0;
     }
 
-    // Slim, unobtrusive scrollbar that matches both themes.
-    &::-webkit-scrollbar {
+    // Slim, unobtrusive scrollbar on the scrolling doc that matches both themes.
+    .lsp-hover-doc::-webkit-scrollbar {
         width: 9px;
         height: 9px;
     }
-    &::-webkit-scrollbar-thumb {
+    .lsp-hover-doc::-webkit-scrollbar-thumb {
         background: rgba(0, 0, 0, 0.18);
         border-radius: 5px;
         .dark & {
             background: rgba(255, 255, 255, 0.18);
         }
     }
-    &::-webkit-scrollbar-track {
+    .lsp-hover-doc::-webkit-scrollbar-track {
         background: transparent;
     }
+
+    // Quick actions (Go to Definition / Find Usages) pinned below the documentation.
+    .lsp-hover-actions {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 3px;
+        margin-top: 8px;
+        padding-top: 7px;
+        border-top: 1px solid rgba(0, 0, 0, 0.08);
+        .dark & {
+            border-top-color: rgba(255, 255, 255, 0.08);
+        }
+    }
+    .lsp-hover-action {
+        display: inline-flex;
+        align-items: center;
+        gap: 6px;
+        padding: 4px 9px;
+        border-radius: 5px;
+        cursor: pointer;
+        user-select: none;
+        color: @bc-text-link;
+        transition: background-color 0.12s ease;
+
+        .dark & {
+            color: @dark-bc-text-link;
+        }
+        &:hover,
+        &:focus {
+            outline: none;
+            background: rgba(0, 0, 0, 0.06);
+            .dark & {
+                background: rgba(255, 255, 255, 0.09);
+            }
+        }
+
+        // Push this action to the far right of the row (e.g. Find Usages).
+        &.lsp-hover-action--end {
+            margin-left: auto;
+        }
+
+        .lsp-hover-action-icon {
+            font-size: 11px;
+            opacity: 0.85;
+        }
+        .lsp-hover-action-label {
+            font-size: 12px;
+            font-weight: 500;
+        }
+    }
 }
 
 // LSP code-hint documentation popup (shown beside the code hint list)

From 7fa435865cd3fb123aff1e255a9fc55d2935d664 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 23:08:40 +0530
Subject: [PATCH 46/49] fix: re-enable Find Usages after an LSP server restart
 (project switch)

The Find Usages command's enabled state is computed on file switch via
hasReferences() (which needs the server's capabilities). On a project switch the
server restarts asynchronously, so that state is computed while capabilities are
still unavailable and the command is left disabled - and CommandManager.execute()
rejects disabled commands, so both the menu item and the hover quick-action
no-op until the user switches files again.

After restartLanguageServer brings the server back with its capabilities, refresh
the command state for the active file so Find Usages works immediately.
---
 src/languageTools/LSPClient.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/languageTools/LSPClient.js b/src/languageTools/LSPClient.js
index 22cd151c44..ba21118bfd 100644
--- a/src/languageTools/LSPClient.js
+++ b/src/languageTools/LSPClient.js
@@ -656,6 +656,12 @@ define(function (require, exports, module) {
         try {
             await _startAndInit(client);
             DocumentSync.openSupportedDocuments(client);
+            // The find-references command's enabled state is computed on file switch; on a project
+            // switch that happens while the server is still restarting (capabilities not yet
+            // available), so it would be left disabled. Now that the server is back with its
+            // capabilities, refresh it for the active file so "Find Usages" works without requiring
+            // another file switch.
+            FindReferencesManager.setMenuItemStateForLanguage();
         } catch (err) {
             console.error("[LSP] failed to restart server", serverId, err && (err.message || err));
         }

From d8eb3ada6754660a9fedb80e0fb50d1d660e0862 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 23:09:08 +0530
Subject: [PATCH 47/49] feat: syntax-highlight the signature in the LSP hover
 popup

Run the hover's fenced code block (the type/function signature) through the
globally available highlight.js so it reads like code instead of flat monospace.
The app's hljs theme is locked to github-dark, so the hover scopes its own
token colours: a GitHub-light palette in the light editor theme and GitHub-dark
in the dark theme (the signature chip background follows the editor theme).
---
 src/languageTools/HoverProvider.js | 27 ++++++++++++++++++++++++++-
 src/styles/brackets.less           | 23 +++++++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)

diff --git a/src/languageTools/HoverProvider.js b/src/languageTools/HoverProvider.js
index ce0d28c006..0622a5b160 100644
--- a/src/languageTools/HoverProvider.js
+++ b/src/languageTools/HoverProvider.js
@@ -61,13 +61,38 @@ define(function (require, exports, module) {
         return contents.value || "";
     }
 
+    // Syntax-highlight the fenced code blocks (the type/function signature) using the globally
+    // available highlight.js, so the signature reads like code instead of flat monospace. The app
+    // ships the github-dark hljs theme, so the signature block is rendered on a dark chip in both
+    // light and dark editor themes (see .lsp-hover-quickview pre in brackets.less).
+    function _highlightCode(html) {
+        const hljs = (typeof Phoenix !== "undefined") && Phoenix.libs && Phoenix.libs.hljs;
+        if (!hljs) {
+            return html;
+        }
+        const $wrap = $("<div>").html(html);
+        $wrap.find("pre > code").each(function () {
+            const $code = $(this);
+            const match = ($code.attr("class") || "").match(/language-([\w-]+)/);
+            const lang = match && match[1];
+            if (lang && hljs.getLanguage(lang)) {
+                try {
+                    $code.html(hljs.highlight($code.text(), { language: lang }).value).addClass("hljs");
+                } catch (e) {
+                    // leave the block unhighlighted on any hljs error
+                }
+            }
+        });
+        return $wrap.html();
+    }
+
     function _renderContents(contents) {
         const markdown = _contentsToMarkdown(contents);
         if (!markdown || !markdown.trim()) {
             return null;
         }
         try {
-            return marked.parse(markdown);
+            return _highlightCode(marked.parse(markdown));
         } catch (e) {
             return null;
         }
diff --git a/src/styles/brackets.less b/src/styles/brackets.less
index db1ae2931b..dd788f6911 100644
--- a/src/styles/brackets.less
+++ b/src/styles/brackets.less
@@ -2193,6 +2193,29 @@ a, img {
         }
     }
 
+    // highlight.js token colours for the signature block. The app's global hljs theme is
+    // github-dark (locked, for the always-dark sidebar); override it within the hover so the
+    // signature reads well on the light theme too. The chip background follows the editor theme,
+    // so we use a GitHub-light palette in light mode and a GitHub-dark palette in dark mode.
+    pre code.hljs { background: none; }
+    .hljs-keyword, .hljs-literal, .hljs-doctag, .hljs-meta .hljs-keyword { color: #cf222e; }
+    .hljs-string, .hljs-regexp, .hljs-meta-string { color: #0a3069; }
+    .hljs-title, .hljs-title.function_, .hljs-title.class_, .hljs-section { color: #6639ba; }
+    .hljs-built_in, .hljs-type, .hljs-class .hljs-title { color: #953800; }
+    .hljs-number, .hljs-symbol, .hljs-bullet { color: #0550ae; }
+    .hljs-attr, .hljs-attribute, .hljs-property, .hljs-variable, .hljs-params { color: @bc-text-emphasized; }
+    .hljs-comment, .hljs-quote, .hljs-meta { color: #6e7781; }
+
+    .dark & {
+        .hljs-keyword, .hljs-literal, .hljs-doctag, .hljs-meta .hljs-keyword { color: #ff7b72; }
+        .hljs-string, .hljs-regexp, .hljs-meta-string { color: #a5d6ff; }
+        .hljs-title, .hljs-title.function_, .hljs-title.class_, .hljs-section { color: #d2a8ff; }
+        .hljs-built_in, .hljs-type, .hljs-class .hljs-title { color: #ffa657; }
+        .hljs-number, .hljs-symbol, .hljs-bullet { color: #79c0ff; }
+        .hljs-attr, .hljs-attribute, .hljs-property, .hljs-variable, .hljs-params { color: @dark-bc-text-emphasized; }
+        .hljs-comment, .hljs-quote, .hljs-meta { color: #8b949e; }
+    }
+
     // Inline code: parameter names, types, identifiers.
     code {
         font-family: 'SourceCodePro', 'SF Mono', Menlo, Consolas, monospace;

From 1d8d4e0c741aec399167a0b74905b361a51708c3 Mon Sep 17 00:00:00 2001
From: abose <arun@core.ai>
Date: Thu, 18 Jun 2026 23:09:37 +0530
Subject: [PATCH 48/49] test: add hover quick-action integration tests (Go to
 Definition / Find Usages)

Cover the hover quick-actions end to end against the real vtsls server, for both
JS and TS: the hover comes up with both actions, clicking "Go to Definition"
jumps from a call to the declaration, and clicking "Find Usages" opens the
references panel. The clicks retry through the hover so they survive the server's
post-(re)start indexing window. Fixtures live in their own per-language project
folders (hover-ts has a tsconfig so the server treats it as a project, which
reference search needs).
---
 .../default/TypeScriptSupport/unittests.js    | 76 ++++++++++++++++++-
 .../hover-js/sample.js                        |  7 ++
 .../hover-ts/sample.ts                        |  7 ++
 .../hover-ts/tsconfig.json                    |  6 ++
 4 files changed, 95 insertions(+), 1 deletion(-)
 create mode 100644 test/spec/TypeScriptSupport-test-files/hover-js/sample.js
 create mode 100644 test/spec/TypeScriptSupport-test-files/hover-ts/sample.ts
 create mode 100644 test/spec/TypeScriptSupport-test-files/hover-ts/tsconfig.json

diff --git a/src/extensions/default/TypeScriptSupport/unittests.js b/src/extensions/default/TypeScriptSupport/unittests.js
index 8311cd7684..a2a417e6fc 100644
--- a/src/extensions/default/TypeScriptSupport/unittests.js
+++ b/src/extensions/default/TypeScriptSupport/unittests.js
@@ -34,7 +34,8 @@ define(function (require, exports, module) {
             EditorManager,
             CommandManager,
             Commands,
-            CodeInspection;
+            CodeInspection,
+            QuickViewManager;
 
         // The LSP runs only in the desktop app (it spawns the vtsls Node process), so these tests
         // are meaningless in the browser build - register a single skipped placeholder and bail.
@@ -52,6 +53,7 @@ define(function (require, exports, module) {
             CommandManager = testWindow.brackets.test.CommandManager;
             Commands = testWindow.brackets.test.Commands;
             CodeInspection = testWindow.brackets.test.CodeInspection;
+            QuickViewManager = testWindow.brackets.getModule("features/QuickViewManager");
             CodeInspection.toggleEnabled(true);
             // Wait until the extension has attempted to start the language server.
             await awaitsFor(function () {
@@ -111,5 +113,77 @@ define(function (require, exports, module) {
             }, "plain JS inspection to settle with no problems", 20000);
             expect(panelText().includes(IMPLICIT_ANY_MESSAGE)).toBe(false);
         }, 30000);
+
+        // ----- hover quick-actions (Go to Definition / Find Usages) -------------------------------
+
+        // Query the hover popover at a position the same way QuickViewManager does internally.
+        async function _hoverPopoverAt(editor, line, ch) {
+            const pos = { line: line, ch: ch };
+            const token = editor._codeMirror.getTokenAt(pos, true);
+            return QuickViewManager._queryPreviewProviders(editor, pos, token);
+        }
+
+        // sample.ts/sample.js: greetUser is declared on line 1 and called on lines 5 and 6. Each
+        // lives in its own project folder so the (identically named) symbols don't collide in the
+        // server's inferred project.
+        const DECL_LINE = 1, CALL_LINE = 5, CALL_CH = 4;
+
+        [{ ext: "ts", folder: "hover-ts/", file: "sample.ts" },
+            { ext: "js", folder: "hover-js/", file: "sample.js" }].forEach(function (tc) {
+
+            it("hover shows quick actions and Go to Definition navigates (" + tc.ext + ")", async function () {
+                await _openInProject(tc.folder, tc.file);
+                const editor = EditorManager.getCurrentFullEditor();
+                let popover = null;
+                await awaitsFor(async function () {
+                    popover = await _hoverPopoverAt(editor, CALL_LINE, CALL_CH);
+                    return !!(popover && popover.content && popover.content.find(".lsp-hover-action").length === 2);
+                }, "hover quick actions to appear", 20000);
+
+                const labels = popover.content.find(".lsp-hover-action-label").map(function () {
+                    return $(this).text();
+                }).get();
+                expect(labels).toEqual(["Go to Definition", "Find Usages"]);
+
+                // Click "Go to Definition" to jump from the call (line 5) to the declaration (line 1).
+                // Re-click through the hover until it takes effect - the server may still be indexing
+                // right after the project (re)opened, so an early click can be a no-op.
+                await awaitsFor(async function () {
+                    if (EditorManager.getCurrentFullEditor().getCursorPos().line === DECL_LINE) {
+                        return true;
+                    }
+                    const pop = await _hoverPopoverAt(editor, CALL_LINE, CALL_CH);
+                    const $act = pop && pop.content && pop.content.find(".lsp-hover-action").eq(0);
+                    if ($act && $act.length) {
+                        $act.trigger("click");
+                    }
+                    return EditorManager.getCurrentFullEditor().getCursorPos().line === DECL_LINE;
+                }, "Go to Definition to navigate to the declaration", 25000);
+                expect(EditorManager.getCurrentFullEditor().getCursorPos().line).toBe(DECL_LINE);
+            }, 40000);
+
+            it("hover Find Usages opens the references panel (" + tc.ext + ")", async function () {
+                await _openInProject(tc.folder, tc.file);
+                const editor = EditorManager.getCurrentFullEditor();
+                await awaitsFor(async function () {
+                    return !!(await _hoverPopoverAt(editor, CALL_LINE, CALL_CH));
+                }, "hover popover to be available", 20000);
+
+                // "Find Usages" is the right-aligned action; clicking it opens the references panel.
+                // Retry through the hover until the panel opens (the server may still be indexing).
+                await awaitsFor(async function () {
+                    if ($("#reference-in-files-results").is(":visible")) {
+                        return true;
+                    }
+                    const pop = await _hoverPopoverAt(editor, CALL_LINE, CALL_CH);
+                    const $end = pop && pop.content && pop.content.find(".lsp-hover-action--end");
+                    if ($end && $end.length) {
+                        $end.trigger("click");
+                    }
+                    return $("#reference-in-files-results").is(":visible");
+                }, "references panel to open", 25000);
+                expect($("#reference-in-files-results").is(":visible")).toBe(true);
+            }, 40000);
+        });
     });
 });
diff --git a/test/spec/TypeScriptSupport-test-files/hover-js/sample.js b/test/spec/TypeScriptSupport-test-files/hover-js/sample.js
new file mode 100644
index 0000000000..1252138258
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/hover-js/sample.js
@@ -0,0 +1,7 @@
+// Fixture for the LSP hover quick-action tests: a symbol with a definition (line 1) and usages.
+function greetUser(userName) {
+    return "Hi " + userName;
+}
+
+greetUser("alpha");
+greetUser("bravo");
diff --git a/test/spec/TypeScriptSupport-test-files/hover-ts/sample.ts b/test/spec/TypeScriptSupport-test-files/hover-ts/sample.ts
new file mode 100644
index 0000000000..dce360708d
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/hover-ts/sample.ts
@@ -0,0 +1,7 @@
+// Fixture for the LSP hover quick-action tests: a symbol with a definition (line 0) and usages.
+export function greetUser(userName: string): string {
+    return "Hi " + userName;
+}
+
+greetUser("alpha");
+greetUser("bravo");
diff --git a/test/spec/TypeScriptSupport-test-files/hover-ts/tsconfig.json b/test/spec/TypeScriptSupport-test-files/hover-ts/tsconfig.json
new file mode 100644
index 0000000000..1c6ce5465a
--- /dev/null
+++ b/test/spec/TypeScriptSupport-test-files/hover-ts/tsconfig.json
@@ -0,0 +1,6 @@
+{
+    "compilerOptions": {
+        "strict": false
+    },
+    "include": ["**/*.ts"]
+}

From 80cad50fe0ce78ba8826194a72ccd60b1158bdf2 Mon Sep 17 00:00:00 2001
From: abose <abose@users.noreply.github.com>
Date: Fri, 19 Jun 2026 07:47:05 +0000
Subject: [PATCH 49/49] ci: update Translations

---
 src/nls/ar/lastTranslated.json    |  6 +--
 src/nls/ar/strings.js             | 64 +++++++++++++++----------------
 src/nls/bg/lastTranslated.json    |  6 +--
 src/nls/bg/strings.js             | 64 +++++++++++++++----------------
 src/nls/cs/lastTranslated.json    |  6 +--
 src/nls/cs/strings.js             | 64 +++++++++++++++----------------
 src/nls/da/lastTranslated.json    |  6 +--
 src/nls/da/strings.js             | 64 +++++++++++++++----------------
 src/nls/de/lastTranslated.json    |  6 +--
 src/nls/de/strings.js             | 64 +++++++++++++++----------------
 src/nls/el/lastTranslated.json    |  6 +--
 src/nls/el/strings.js             | 64 +++++++++++++++----------------
 src/nls/en-gb/lastTranslated.json |  6 +--
 src/nls/en-gb/strings.js          | 64 +++++++++++++++----------------
 src/nls/es/lastTranslated.json    |  6 +--
 src/nls/es/strings.js             | 64 +++++++++++++++----------------
 src/nls/fa-ir/lastTranslated.json |  6 +--
 src/nls/fa-ir/strings.js          | 64 +++++++++++++++----------------
 src/nls/fi/lastTranslated.json    |  6 +--
 src/nls/fi/strings.js             | 64 +++++++++++++++----------------
 src/nls/fr/lastTranslated.json    |  6 +--
 src/nls/fr/strings.js             | 64 +++++++++++++++----------------
 src/nls/gl/lastTranslated.json    |  6 +--
 src/nls/gl/strings.js             | 64 +++++++++++++++----------------
 src/nls/hi/lastTranslated.json    |  6 +--
 src/nls/hi/strings.js             | 64 +++++++++++++++----------------
 src/nls/hr/lastTranslated.json    |  6 +--
 src/nls/hr/strings.js             | 64 +++++++++++++++----------------
 src/nls/hu/lastTranslated.json    |  6 +--
 src/nls/hu/strings.js             | 64 +++++++++++++++----------------
 src/nls/id/lastTranslated.json    |  6 +--
 src/nls/id/strings.js             | 64 +++++++++++++++----------------
 src/nls/it/lastTranslated.json    |  6 +--
 src/nls/it/strings.js             | 64 +++++++++++++++----------------
 src/nls/ja/lastTranslated.json    |  6 +--
 src/nls/ja/strings.js             | 64 +++++++++++++++----------------
 src/nls/ko/lastTranslated.json    |  6 +--
 src/nls/ko/strings.js             | 64 +++++++++++++++----------------
 src/nls/lv/lastTranslated.json    |  6 +--
 src/nls/lv/strings.js             | 64 +++++++++++++++----------------
 src/nls/ml/lastTranslated.json    |  6 +--
 src/nls/ml/strings.js             | 64 +++++++++++++++----------------
 src/nls/nb/lastTranslated.json    |  6 +--
 src/nls/nb/strings.js             | 64 +++++++++++++++----------------
 src/nls/nl/lastTranslated.json    |  6 +--
 src/nls/nl/strings.js             | 64 +++++++++++++++----------------
 src/nls/pl/lastTranslated.json    |  6 +--
 src/nls/pl/strings.js             | 64 +++++++++++++++----------------
 src/nls/pt-br/lastTranslated.json |  6 +--
 src/nls/pt-br/strings.js          | 64 +++++++++++++++----------------
 src/nls/pt-pt/lastTranslated.json |  6 +--
 src/nls/pt-pt/strings.js          | 64 +++++++++++++++----------------
 src/nls/ro/lastTranslated.json    |  6 +--
 src/nls/ro/strings.js             | 64 +++++++++++++++----------------
 src/nls/ru/lastTranslated.json    |  6 +--
 src/nls/ru/strings.js             | 64 +++++++++++++++----------------
 src/nls/sk/lastTranslated.json    |  6 +--
 src/nls/sk/strings.js             | 64 +++++++++++++++----------------
 src/nls/sr/lastTranslated.json    |  6 +--
 src/nls/sr/strings.js             | 64 +++++++++++++++----------------
 src/nls/sv/lastTranslated.json    |  6 +--
 src/nls/sv/strings.js             | 64 +++++++++++++++----------------
 src/nls/tr/lastTranslated.json    |  6 +--
 src/nls/tr/strings.js             | 64 +++++++++++++++----------------
 src/nls/uk/lastTranslated.json    |  6 +--
 src/nls/uk/strings.js             | 64 +++++++++++++++----------------
 src/nls/ur/lastTranslated.json    |  6 +--
 src/nls/ur/strings.js             | 64 +++++++++++++++----------------
 src/nls/zh-cn/lastTranslated.json |  6 +--
 src/nls/zh-cn/strings.js          | 64 +++++++++++++++----------------
 src/nls/zh-tw/lastTranslated.json |  6 +--
 src/nls/zh-tw/strings.js          | 64 +++++++++++++++----------------
 72 files changed, 1260 insertions(+), 1260 deletions(-)

diff --git a/src/nls/ar/lastTranslated.json b/src/nls/ar/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ar/lastTranslated.json
+++ b/src/nls/ar/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ar/strings.js b/src/nls/ar/strings.js
index f704673696..a82173eee0 100644
--- a/src/nls/ar/strings.js
+++ b/src/nls/ar/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "إطار عمل الخادم، يدعم حاليًا دوكوسورس فقط",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "فحص العنصر في المعاينة المباشرة عند 'المرور' أو 'النقر'. القيمة الافتراضية هي 'المرور'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "إظهار القياسات عند تحديد العناصر في المعاينة المباشرة. الإعداد الافتراضي هو 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "إظهار شريط الأنماط عند تحديد العناصر في المعاينة المباشرة. القيمة الافتراضية هي 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "الجانب الذي يرسو إليه شريط أنماط المعاينة المباشرة: 'أعلى'، 'أسفل'، 'يسار' أو 'يمين'. القيمة الافتراضية هي 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "تحديد الأصل",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "تحرير النص",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "النقر المزدوج",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "الهامش والحشو",
   "LIVE_DEV_STYLER_LAYOUT": "التخطيط",
   "LIVE_DEV_STYLER_TEXT_STYLE": "نمط النص",
+  "LIVE_DEV_STYLER_DOCK": "موضع الإرساء",
   "LIVE_DEV_STYLER_DOCK_TOP": "نقل الشريط إلى الأعلى",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "نقل الشريط إلى الأسفل",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "نقل الشريط إلى اليسار",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "نقل الشريط إلى اليمين",
   "LIVE_DEV_STYLER_RESET": "إعادة تعيين التغييرات",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "لا توجد تغييرات لإعادة تعيينها",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "تم",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "نصف القطر",
   "LIVE_DEV_STYLER_WIDTH": "العرض",
   "LIVE_DEV_STYLER_COLOR": "اللون",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "في هذه الصفحة",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "شائعة",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "أبيض",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "فضي",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "رمادي",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "أسود",
+  "LIVE_DEV_STYLER_COLOR_RED": "أحمر",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "كستنائي",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "برتقالي",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "ذهبي",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "أصفر",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زيتوني",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ليموني",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "أخضر",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "أزرق مخضر",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "سماوي",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "أزرق",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "كحلي",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "نيلي",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "بنفسجي",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "أرجواني",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفسجي",
+  "LIVE_DEV_STYLER_COLOR_PINK": "وردي",
   "LIVE_DEV_STYLER_STYLE": "النمط",
   "LIVE_DEV_STYLER_SOLID": "متصل",
   "LIVE_DEV_STYLER_DASHED": "متقطع",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "وضع التحرير",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "فحص العنصر عند التمرير",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "إظهار القياسات",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "إظهار شريط الأنماط",
   "LIVE_PREVIEW_MODE_PREFERENCE": "يعرض '{0}' صفحة الويب فقط، ويربط '{1}' صفحة الويب بالتعليمات البرمجية الخاصة بك - انقر فوق العناصر للانتقال إلى التعليمات البرمجية الخاصة بها والعكس صحيح، ويوفر '{2}' التمييز إلى جانب المعالجة المتقدمة للعناصر",
   "LIVE_PREVIEW_CONFIGURE_MODES": "تكوين أوضاع المعاينة المباشرة",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "تم إلغاء المعاينة المباشرة لأن أدوات مطوّري المتصفح كانت مفتوحة",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (مستخدم {1} مرة)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (مستخدم {1} مرة)",
   "EDIT": "تحرير",
-  "CMD_JUMPTO_DEFINITION": "الانتقال إلى التعريف",
   "CMD_SHOW_PARAMETER_HINT": "إظهار تلميح المعامل",
   "NO_ARGUMENTS": "<no parameters>",
   "DETECTED_EXCLUSION_TITLE": "مشكلة في استنتاج ملف JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "حد الذاكرة الذي قدمته غير صالح. راجع تفضيلات PHP لتعيين القيمة الصحيحة.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "إعدادات التكوين الافتراضية لأدوات PHP",
   "OPEN_PREFERENNCES": "فتح التفضيلات",
-  "LANGUAGE_TOOLS_PREFERENCES": "تفضيلات أدوات اللغة",
-  "FIND_ALL_REFERENCES": "بحث عن كل المراجع",
   "REFERENCES_IN_FILES": "مراجع",
   "REFERENCE_IN_FILES": "مرجع",
   "REFERENCES_NO_RESULTS": "لا توجد مراجع متاحة لموقع المؤشر الحالي",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "البدء من جديد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 بطاقات",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 محذوف",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "إظهار شريط الأنماط عند تحديد العناصر في المعاينة المباشرة. القيمة الافتراضية هي 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "الجانب الذي يرسو إليه شريط أنماط المعاينة المباشرة: 'أعلى'، 'أسفل'، 'يسار' أو 'يمين'. القيمة الافتراضية هي 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "موضع الإرساء",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "نقل الشريط إلى اليسار",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "نقل الشريط إلى اليمين",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "في هذه الصفحة",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "شائعة",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "أبيض",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "فضي",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "رمادي",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "أسود",
-  "LIVE_DEV_STYLER_COLOR_RED": "أحمر",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "كستنائي",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "برتقالي",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "ذهبي",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "أصفر",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "زيتوني",
-  "LIVE_DEV_STYLER_COLOR_LIME": "ليموني",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "أخضر",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "أزرق مخضر",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "سماوي",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "أزرق",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "كحلي",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "نيلي",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "بنفسجي",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "أرجواني",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفسجي",
-  "LIVE_DEV_STYLER_COLOR_PINK": "وردي",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "إظهار شريط الأنماط"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} معلومة)",
+  "CMD_JUMPTO_DEFINITION": "الانتقال إلى التعريف",
+  "FIND_ALL_REFERENCES": "إيجاد الاستخدامات"
 });
\ No newline at end of file
diff --git a/src/nls/bg/lastTranslated.json b/src/nls/bg/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/bg/lastTranslated.json
+++ b/src/nls/bg/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/bg/strings.js b/src/nls/bg/strings.js
index b740a368f3..812bb54bfa 100644
--- a/src/nls/bg/strings.js
+++ b/src/nls/bg/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Сървърна рамка, понастоящем поддържа само docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Инспектиране на елемент в преглед на живо при 'посочване' или 'кликване'. По подразбиране е 'посочване'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Показване на размери при избиране на елементи в прегледа на живо. По подразбиране е изключено.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показва лентата със стилове при избиране на елементи в прегледа на живо. По подразбиране е 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна, към която се закача лентата със стилове в прегледа на живо: 'top', 'bottom', 'left' или 'right'. По подразбиране е 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Избор на родител",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Редактиране на текст",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Двойно щракване",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Външни и вътрешни отстояния",
   "LIVE_DEV_STYLER_LAYOUT": "Оформление",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Стил на текста",
+  "LIVE_DEV_STYLER_DOCK": "Позиция на закачане",
   "LIVE_DEV_STYLER_DOCK_TOP": "Премести лентата отгоре",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Премести лентата отдолу",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Премести лентата вляво",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Премести лентата вдясно",
   "LIVE_DEV_STYLER_RESET": "Нулиране на промените",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Няма промени за нулиране",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Радиус",
   "LIVE_DEV_STYLER_WIDTH": "Ширина",
   "LIVE_DEV_STYLER_COLOR": "Цвят",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страницата",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Общи",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Бял",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребърен",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сив",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Черен",
+  "LIVE_DEV_STYLER_COLOR_RED": "Червен",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжев",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Златист",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жълт",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинен",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лайм",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелен",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Синьо-зелен",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Циан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Син",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тъмносин",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Лилав",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолетов",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розов",
   "LIVE_DEV_STYLER_STYLE": "Стил",
   "LIVE_DEV_STYLER_SOLID": "Плътна",
   "LIVE_DEV_STYLER_DASHED": "Прекъсната",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Режим на редактиране",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Инспектиране на елемент при посочване",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Показване на измервания",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Покажи лентата със стилове",
   "LIVE_PREVIEW_MODE_PREFERENCE": "„{0}“ показва само уеб страницата, „{1}“ свързва уеб страницата с вашия код – кликнете върху елементи, за да преминете към техния код и обратно, „{2}“ предоставя осветяване, както и разширено манипулиране на елементи",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Конфигуриране на режимите за преглед на живо",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Прегледът на живо беше прекъснат, тъй като бяха отворени инструментите за разработчици на браузъра.",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (използван {1} път)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (използван {1} пъти)",
   "EDIT": "Редактиране",
-  "CMD_JUMPTO_DEFINITION": "Към определението",
   "CMD_SHOW_PARAMETER_HINT": "Показване на подсказката за параметрите",
   "NO_ARGUMENTS": "<няма параметри>",
   "DETECTED_EXCLUSION_TITLE": "Проблем с файл с код на JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Зададената от вас граница на паметта е невалидна. Прегледайте PHP настройките, за да зададете правилната стойност.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Настройки по подразбиране за PHP инструменти",
   "OPEN_PREFERENNCES": "Отваряне на настройки",
-  "LANGUAGE_TOOLS_PREFERENCES": "Предпочитания за езикови инструменти",
-  "FIND_ALL_REFERENCES": "Намери всички препратки",
   "REFERENCES_IN_FILES": "препратки",
   "REFERENCE_IN_FILES": "препратка",
   "REFERENCES_NO_RESULTS": "Няма налични препратки за текущата позиция на курсора",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Започни отново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карти",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 изтрит",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показва лентата със стилове при избиране на елементи в прегледа на живо. По подразбиране е 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна, към която се закача лентата със стилове в прегледа на живо: 'top', 'bottom', 'left' или 'right'. По подразбиране е 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Позиция на закачане",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Премести лентата вляво",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Премести лентата вдясно",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страницата",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Общи",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Бял",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребърен",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Сив",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Черен",
-  "LIVE_DEV_STYLER_COLOR_RED": "Червен",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжев",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Златист",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жълт",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинен",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Лайм",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелен",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Синьо-зелен",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Циан",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Син",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Тъмносин",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Лилав",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолетов",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Розов",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Покажи лентата със стилове"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} информационни)",
+  "CMD_JUMPTO_DEFINITION": "Отиди на дефиниция",
+  "FIND_ALL_REFERENCES": "Намери всички препратки"
 });
\ No newline at end of file
diff --git a/src/nls/cs/lastTranslated.json b/src/nls/cs/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/cs/lastTranslated.json
+++ b/src/nls/cs/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/cs/strings.js b/src/nls/cs/strings.js
index 34cbcc426d..01634e1a8d 100644
--- a/src/nls/cs/strings.js
+++ b/src/nls/cs/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Serverový framework, aktuálně podporuje pouze Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Prozkoumat prvek v živém náhledu při 'hover' nebo 'click'. Výchozí je 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Zobrazit rozměry, když jsou prvky vybrány v živém náhledu. Výchozí je 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobrazit panel stylů, když jsou v živém náhledu vybrány prvky. Výchozí hodnota je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, ke které se ukotví panel stylů živého náhledu: 'nahoře', 'dole', 'vlevo' nebo 'vpravo'. Výchozí hodnota je 'dole'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Vybrat rodiče",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Upravit text",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dvojklik",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Okraj a výplň",
   "LIVE_DEV_STYLER_LAYOUT": "Rozvržení",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Styl textu",
+  "LIVE_DEV_STYLER_DOCK": "Pozice ukotvení",
   "LIVE_DEV_STYLER_DOCK_TOP": "Přesunout lištu nahoru",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Přesunout lištu dolů",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Přesunout panel vlevo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Přesunout panel vpravo",
   "LIVE_DEV_STYLER_RESET": "Resetovat změny",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žádné změny k resetování",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Poloměr",
   "LIVE_DEV_STYLER_WIDTH": "Šířka",
   "LIVE_DEV_STYLER_COLOR": "Barva",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na této stránce",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Běžné",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bílá",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Stříbrná",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Šedá",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Černá",
+  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Vínová",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žlutá",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Šedozelená",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Azurová",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Námořnická modrá",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Purpurová",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fialková",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Růžová",
   "LIVE_DEV_STYLER_STYLE": "Styl",
   "LIVE_DEV_STYLER_SOLID": "Plná",
   "LIVE_DEV_STYLER_DASHED": "Čárkovaná",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Režim úprav",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Prozkoumat prvek při najetí",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Zobrazit rozměry",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobrazit lištu stylů",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' zobrazuje pouze webovou stránku, '{1}' propojuje webovou stránku s vaším kódem – kliknutím na prvky přejdete na jejich kód a naopak, '{2}' poskytuje zvýraznění spolu s pokročilou manipulací s prvky.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurovat režimy živého náhledu",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Živý náhled byl zrušen, protože byly otevřeny vývojářské nástroje prohlížeče",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (použito {1} krát)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (použito {1} krát)",
   "EDIT": "Úpravy",
-  "CMD_JUMPTO_DEFINITION": "Přejít na definici",
   "CMD_SHOW_PARAMETER_HINT": "Zobrazit nápovědu parametru",
   "NO_ARGUMENTS": "<žádné parametry>",
   "DETECTED_EXCLUSION_TITLE": "Inferenční problém JavaScript souboru",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Vámi zadaný limit paměti je neplatný. Zkontrolujte nastavení PHP a zadejte správnou hodnotu.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Výchozí nastavení nástrojů PHP",
   "OPEN_PREFERENNCES": "Otevřít nastavení",
-  "LANGUAGE_TOOLS_PREFERENCES": "Předvolby pro jazykové nástroje",
-  "FIND_ALL_REFERENCES": "Najít všechny reference",
   "REFERENCES_IN_FILES": "reference",
   "REFERENCE_IN_FILES": "reference",
   "REFERENCES_NO_RESULTS": "Pro aktuální pozici kurzoru nejsou k dispozici žádné reference",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začít znovu",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karet",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 smazáno",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobrazit panel stylů, když jsou v živém náhledu vybrány prvky. Výchozí hodnota je 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, ke které se ukotví panel stylů živého náhledu: 'nahoře', 'dole', 'vlevo' nebo 'vpravo'. Výchozí hodnota je 'dole'.",
-  "LIVE_DEV_STYLER_DOCK": "Pozice ukotvení",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Přesunout panel vlevo",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Přesunout panel vpravo",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na této stránce",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Běžné",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Bílá",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Stříbrná",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Šedá",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Černá",
-  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Vínová",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žlutá",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Šedozelená",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Azurová",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Námořnická modrá",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Purpurová",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fialková",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Růžová",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobrazit lištu stylů"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Přejít na definici",
+  "FIND_ALL_REFERENCES": "Najít použití"
 });
\ No newline at end of file
diff --git a/src/nls/da/lastTranslated.json b/src/nls/da/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/da/lastTranslated.json
+++ b/src/nls/da/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/da/strings.js b/src/nls/da/strings.js
index d48936433a..d02498ddbd 100644
--- a/src/nls/da/strings.js
+++ b/src/nls/da/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Server-framework, understøtter i øjeblikket kun Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspicer element i Live-forhåndsvisning ved 'hover' eller 'klik'. Standard er 'hover'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Vis målinger, når elementer vælges i live-forhåndsvisning. Standard er 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stilbjælken, når elementer er valgt i live forhåndsvisning. Standard er 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stilbjælken i live forhåndsvisning fastgøres til: 'top', 'bottom', 'left' eller 'right'. Standard er 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Vælg overordnet",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Rediger tekst",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dobbeltklik",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margen & indrykning",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK": "Fastgørelsesposition",
   "LIVE_DEV_STYLER_DOCK_TOP": "Flyt bjælke til toppen",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flyt bjælke til bunden",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flyt bjælke til venstre",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flyt bjælke til højre",
   "LIVE_DEV_STYLER_RESET": "Nulstil ændringer",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen ændringer at nulstille",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Færdig",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Bredde",
   "LIVE_DEV_STYLER_COLOR": "Farve",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Almindelige",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvid",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Sort",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grøn",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkis",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Lyserød",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Heltrukken",
   "LIVE_DEV_STYLER_DASHED": "Stiplet",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Redigeringstilstand",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspicer element ved hover",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Vis målinger",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stilbjælke",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' viser kun websiden, '{1}' forbinder websiden med din kode - klik på elementer for at hoppe til deres kode og omvendt, '{2}' giver fremhævning samt avanceret elementmanipulation",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurer Live Preview-tilstande",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live-Forhåndsvisning blev afbrudt fordi udviklerværktøjer blev åbnet i browseren",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Brugt {1} gang)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Brugt {1} gange)",
   "EDIT": "Redigér",
-  "CMD_JUMPTO_DEFINITION": "Hop til definition",
   "CMD_SHOW_PARAMETER_HINT": "Vis parameterhjælp",
   "NO_ARGUMENTS": "<ingen parametre>",
   "DETECTED_EXCLUSION_TITLE": "Problem med JavaScript-filinferens",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Den angivne hukommelsesgrænse er ugyldig. Gennemgå PHP-indstillingerne for at angive den korrekte værdi.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Standardkonfigurationsindstillinger for PHP-værktøjer",
   "OPEN_PREFERENNCES": "Åbn indstillinger",
-  "LANGUAGE_TOOLS_PREFERENCES": "Indstillinger for sprogværktøjer",
-  "FIND_ALL_REFERENCES": "Find alle referencer",
   "REFERENCES_IN_FILES": "referencer",
   "REFERENCE_IN_FILES": "reference",
   "REFERENCES_NO_RESULTS": "Ingen referencer tilgængelige for den aktuelle markørposition",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start forfra",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stilbjælken, når elementer er valgt i live forhåndsvisning. Standard er 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stilbjælken i live forhåndsvisning fastgøres til: 'top', 'bottom', 'left' eller 'right'. Standard er 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Fastgørelsesposition",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Flyt bjælke til venstre",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flyt bjælke til højre",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Almindelige",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvid",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Sort",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Grøn",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkis",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Lyserød",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stilbjælke"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Gå til definition",
+  "FIND_ALL_REFERENCES": "Find anvendelser"
 });
\ No newline at end of file
diff --git a/src/nls/de/lastTranslated.json b/src/nls/de/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/de/lastTranslated.json
+++ b/src/nls/de/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/de/strings.js b/src/nls/de/strings.js
index 3f56642bf2..a0cec83a21 100644
--- a/src/nls/de/strings.js
+++ b/src/nls/de/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Server-Framework, unterstützt derzeit nur Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Element in der Live-Vorschau bei 'hover' oder 'click' untersuchen. Standard ist 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Abmessungen für ausgewählte Elemente in der Live-Vorschau anzeigen. Standard ist 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zeigt die Stil-Leiste an, wenn Elemente in der Live-Vorschau ausgewählt werden. Standard ist 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Seite, an der die Stil-Leiste der Live-Vorschau andockt: 'top', 'bottom', 'left' oder 'right'. Standard ist 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Übergeordnetes Element auswählen",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Text bearbeiten",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Doppelklick",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Außenabstand & Innenabstand",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK": "Andockposition",
   "LIVE_DEV_STYLER_DOCK_TOP": "Leiste nach oben verschieben",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Leiste nach unten verschieben",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Leiste nach links verschieben",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Leiste nach rechts verschieben",
   "LIVE_DEV_STYLER_RESET": "Änderungen zurücksetzen",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Keine Änderungen zum Zurücksetzen",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Fertig",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Breite",
   "LIVE_DEV_STYLER_COLOR": "Farbe",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Auf dieser Seite",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Allgemein",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Weiß",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silber",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grau",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Schwarz",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rot",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Kastanienbraun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gelb",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliv",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limette",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grün",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Blaugrün",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blau",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblau",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Durchgezogen",
   "LIVE_DEV_STYLER_DASHED": "Gestrichelt",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Bearbeitungsmodus",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Element bei Hover untersuchen",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Maße anzeigen",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stilleiste anzeigen",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' zeigt nur die Webseite an, '{1}' verbindet die Webseite mit Ihrem Code – klicken Sie auf Elemente, um zu deren Code zu springen und umgekehrt, '{2}' bietet Hervorhebungen sowie erweiterte Elementmanipulation.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Live-Vorschau-Modi konfigurieren",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Die Live-Vorschau wurde abgebrochen, weil die Entwickler-Tools des Browsers geöffnet wurden",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} Mal verwendet)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} Mal verwendet)",
   "EDIT": "Bearbeiten",
-  "CMD_JUMPTO_DEFINITION": "Springe zur Definition",
   "CMD_SHOW_PARAMETER_HINT": "Parameter-Hinweis anzeigen",
   "NO_ARGUMENTS": "<keine Parameter>",
   "DETECTED_EXCLUSION_TITLE": "Problem mit einer JavaScript-Datei",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Der von Ihnen angegebene Speichergrenzwert ist ungültig. Überprüfen Sie die PHP-Einstellungen, um den richtigen Wert festzulegen.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Standardeinstellungen der PHP-Tools",
   "OPEN_PREFERENNCES": "Einstellungen öffnen",
-  "LANGUAGE_TOOLS_PREFERENCES": "Einstellungen für Sprachtools",
-  "FIND_ALL_REFERENCES": "Alle Referenzen suchen",
   "REFERENCES_IN_FILES": "Referenzen",
   "REFERENCE_IN_FILES": "Referenz",
   "REFERENCES_NO_RESULTS": "Keine Referenzen für die aktuelle Cursorposition verfügbar",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Erneut starten",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 Karten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 gelöscht",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zeigt die Stil-Leiste an, wenn Elemente in der Live-Vorschau ausgewählt werden. Standard ist 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Seite, an der die Stil-Leiste der Live-Vorschau andockt: 'top', 'bottom', 'left' oder 'right'. Standard ist 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Andockposition",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Leiste nach links verschieben",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Leiste nach rechts verschieben",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Auf dieser Seite",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Allgemein",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Weiß",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Silber",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grau",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Schwarz",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rot",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Kastanienbraun",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gelb",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliv",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limette",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Grün",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Blaugrün",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blau",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblau",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stilleiste anzeigen"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Gehe zu Definition",
+  "FIND_ALL_REFERENCES": "Alle Verwendungen suchen"
 });
\ No newline at end of file
diff --git a/src/nls/el/lastTranslated.json b/src/nls/el/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/el/lastTranslated.json
+++ b/src/nls/el/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/el/strings.js b/src/nls/el/strings.js
index ae032802ee..63d00f879d 100644
--- a/src/nls/el/strings.js
+++ b/src/nls/el/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Πλαίσιο Διακομιστή, προς το παρόν υποστηρίζει μόνο το docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Επιθεώρηση στοιχείου στη Ζωντανή Προεπισκόπηση με «hover» ή «click». Η προεπιλογή είναι «hover»",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Εμφάνιση μετρήσεων όταν επιλέγονται στοιχεία στη ζωντανή προεπισκόπηση. Η προεπιλογή είναι 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Εμφάνιση της γραμμής στυλ όταν επιλέγονται στοιχεία στη ζωντανή προεπισκόπηση. Η προεπιλογή είναι 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Σε ποια πλευρά προσδένεται η γραμμή στυλ της ζωντανής προεπισκόπησης: 'top', 'bottom', 'left' ή 'right'. Η προεπιλογή είναι 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Επιλογή γονικού στοιχείου",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Επεξεργασία κειμένου",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Διπλό κλικ",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Περιθώριο & εσωτερική απόσταση",
   "LIVE_DEV_STYLER_LAYOUT": "Διάταξη",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Στυλ κειμένου",
+  "LIVE_DEV_STYLER_DOCK": "Θέση προσάρτησης",
   "LIVE_DEV_STYLER_DOCK_TOP": "Μετακίνηση γραμμής στην κορυφή",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Μετακίνηση γραμμής στο κάτω μέρος",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Μετακίνηση γραμμής στα αριστερά",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Μετακίνηση γραμμής στα δεξιά",
   "LIVE_DEV_STYLER_RESET": "Επαναφορά αλλαγών",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Δεν υπάρχουν αλλαγές για επαναφορά",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Έγινε",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Ακτίνα",
   "LIVE_DEV_STYLER_WIDTH": "Πλάτος",
   "LIVE_DEV_STYLER_COLOR": "Χρώμα",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Στη σελίδα",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Κοινά",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Λευκό",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Ασημί",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Γκρι",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Μαύρο",
+  "LIVE_DEV_STYLER_COLOR_RED": "Κόκκινο",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Βυσσινί",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Πορτοκαλί",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Χρυσό",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Κίτρινο",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Λαδί",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Λάιμ",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Πράσινο",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Κυπαρισσί",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Κυανό",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Μπλε",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Ναυτικό μπλε",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Λουλακί",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Μοβ",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Ματζέντα",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Βιολετί",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ροζ",
   "LIVE_DEV_STYLER_STYLE": "Στυλ",
   "LIVE_DEV_STYLER_SOLID": "Συμπαγής",
   "LIVE_DEV_STYLER_DASHED": "Διακεκομμένη",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Λειτουργία Επεξεργασίας",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Επιθεώρηση στοιχείου κατά την αιώρηση",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Εμφάνιση μετρήσεων",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Εμφάνιση γραμμής στυλ",
   "LIVE_PREVIEW_MODE_PREFERENCE": "Το '{0}' εμφανίζει μόνο την ιστοσελίδα, το '{1}' συνδέει την ιστοσελίδα με τον κώδικά σας - κάντε κλικ σε στοιχεία για να μεταβείτε στον κώδικά τους και αντίστροφα, το '{2}' παρέχει επισήμανση μαζί με προηγμένη διαχείριση στοιχείων",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Ρύθμιση Λειτουργιών Ζωντανής Προεπισκόπησης",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Το Live Preview ακυρώθηκε επειδή τα developer tools του browser ανοίχτηκαν",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Χρησιμοποιήθηκε {1} φορά)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Χρησιμοποιήθηκε {1} φορές)",
   "EDIT": "Επεξεργασία",
-  "CMD_JUMPTO_DEFINITION": "Πήγαινε στον Ορισμό",
   "CMD_SHOW_PARAMETER_HINT": "Προβολή Υποδείξεων Παραμέτρων",
   "NO_ARGUMENTS": "<χωρίς παραμέτρους>",
   "DETECTED_EXCLUSION_TITLE": "Πρόβλημα Συμπερασμού Αρχείου JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Το όριο μνήμης που δώσατε δεν είναι έγκυρο. Ελέγξτε τις προτιμήσεις PHP για να ορίσετε τη σωστή τιμή.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Ρυθμίσεις προεπιλεγμένης διαμόρφωσης εργαλείων PHP",
   "OPEN_PREFERENNCES": "Άνοιγμα Προτιμήσεων",
-  "LANGUAGE_TOOLS_PREFERENCES": "Προτιμήσεις για Εργαλεία Γλώσσας",
-  "FIND_ALL_REFERENCES": "Εύρεση όλων των αναφορών",
   "REFERENCES_IN_FILES": "αναφορές",
   "REFERENCE_IN_FILES": "αναφορά",
   "REFERENCES_NO_RESULTS": "Δεν υπάρχουν διαθέσιμες αναφορές για την τρέχουσα θέση του δρομέα",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Έναρξη από την αρχή",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 κάρτες",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 διαγράφηκε",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Εμφάνιση της γραμμής στυλ όταν επιλέγονται στοιχεία στη ζωντανή προεπισκόπηση. Η προεπιλογή είναι 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Σε ποια πλευρά προσδένεται η γραμμή στυλ της ζωντανής προεπισκόπησης: 'top', 'bottom', 'left' ή 'right'. Η προεπιλογή είναι 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Θέση προσάρτησης",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Μετακίνηση γραμμής στα αριστερά",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Μετακίνηση γραμμής στα δεξιά",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Στη σελίδα",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Κοινά",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Λευκό",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Ασημί",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Γκρι",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Μαύρο",
-  "LIVE_DEV_STYLER_COLOR_RED": "Κόκκινο",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Βυσσινί",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Πορτοκαλί",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Χρυσό",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Κίτρινο",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Λαδί",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Λάιμ",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Πράσινο",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Κυπαρισσί",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Κυανό",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Μπλε",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Ναυτικό μπλε",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Λουλακί",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Μοβ",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Ματζέντα",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Βιολετί",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Ροζ",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Εμφάνιση γραμμής στυλ"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Πληροφορίες)",
+  "CMD_JUMPTO_DEFINITION": "Μετάβαση στον Ορισμό",
+  "FIND_ALL_REFERENCES": "Εύρεση Χρήσεων"
 });
\ No newline at end of file
diff --git a/src/nls/en-gb/lastTranslated.json b/src/nls/en-gb/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/en-gb/lastTranslated.json
+++ b/src/nls/en-gb/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/en-gb/strings.js b/src/nls/en-gb/strings.js
index 879ec43188..d39fb68bf3 100644
--- a/src/nls/en-gb/strings.js
+++ b/src/nls/en-gb/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Server Framework, currently only supports Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspect element in Live Preview on 'hover' or 'click'. Defaults to 'hover'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Show measurements when elements are selected in live preview. Defaults to 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Select Parent",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Edit Text",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Double-click",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margin & padding",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Text style",
+  "LIVE_DEV_STYLER_DOCK": "Dock position",
   "LIVE_DEV_STYLER_DOCK_TOP": "Move bar to top",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Move bar to bottom",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
   "LIVE_DEV_STYLER_RESET": "Reset changes",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No changes to reset",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Done",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Width",
   "LIVE_DEV_STYLER_COLOR": "Colour",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grey",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
+  "LIVE_DEV_STYLER_COLOR_RED": "Red",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
   "LIVE_DEV_STYLER_STYLE": "Style",
   "LIVE_DEV_STYLER_SOLID": "Solid",
   "LIVE_DEV_STYLER_DASHED": "Dashed",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Edit Mode",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspect Element on Hover",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Show Measurements",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' shows only the webpage, '{1}' connects the webpage to your code - click on elements to jump to their code and vice versa, '{2}' provides highlighting along with advanced element manipulation",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configure Live Preview Modes",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live Preview was cancelled because the browser's developer tools were opened",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Used {1} time)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Used {1} times)",
   "EDIT": "Edit",
-  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_SHOW_PARAMETER_HINT": "Show Parameter Hint",
   "NO_ARGUMENTS": "<no parameters>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "The memory limit you provided is invalid. Review the PHP preferences to set the correct value.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP Tooling default configuration settings",
   "OPEN_PREFERENNCES": "Open Preferences",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
-  "FIND_ALL_REFERENCES": "Find All References",
   "REFERENCES_IN_FILES": "references",
   "REFERENCE_IN_FILES": "reference",
   "REFERENCES_NO_RESULTS": "No references available for the current cursor position",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start Again",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cards",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 deleted",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Show the styles bar when elements are selected in live preview. Defaults to 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Which side the live preview styles bar docks to: 'top', 'bottom', 'left' or 'right'. Defaults to 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Dock position",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Move bar to left",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Move bar to right",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "On the page",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Common",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "White",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grey",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Black",
-  "LIVE_DEV_STYLER_COLOR_RED": "Red",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroon",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Gold",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Yellow",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Green",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blue",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Navy",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purple",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Pink",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Show Styles Bar"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
+  "FIND_ALL_REFERENCES": "Find Usages"
 });
\ No newline at end of file
diff --git a/src/nls/es/lastTranslated.json b/src/nls/es/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/es/lastTranslated.json
+++ b/src/nls/es/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/es/strings.js b/src/nls/es/strings.js
index e37f62172e..2545157c95 100644
--- a/src/nls/es/strings.js
+++ b/src/nls/es/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework del servidor, actualmente solo admite Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspeccionar elemento en la Vista previa en vivo al 'pasar el cursor' o 'hacer clic'. El valor predeterminado es 'pasar el cursor'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Mostrar medidas cuando se seleccionan elementos en la vista previa en vivo. El valor predeterminado es 'falso'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar la barra de estilos cuando se seleccionan elementos en la vista previa en vivo. El valor predeterminado es 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado en el que se acopla la barra de estilos de la vista previa en vivo: 'top', 'bottom', 'left' o 'right'. El valor predeterminado es 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Seleccionar elemento padre",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Editar texto",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Doble clic",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margen y relleno",
   "LIVE_DEV_STYLER_LAYOUT": "Disposición",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo de texto",
+  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamiento",
   "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra a la parte superior",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra a la parte inferior",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra a la izquierda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra a la derecha",
   "LIVE_DEV_STYLER_RESET": "Restablecer cambios",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "No hay cambios que restablecer",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radio",
   "LIVE_DEV_STYLER_WIDTH": "Ancho",
   "LIVE_DEV_STYLER_COLOR": "Color",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "En la página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comunes",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Plata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rojo",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Naranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dorado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarillo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul marino",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Estilo",
   "LIVE_DEV_STYLER_SOLID": "Sólido",
   "LIVE_DEV_STYLER_DASHED": "Discontinuo",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Modo de edición",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspeccionar elemento al pasar el cursor",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Mostrar medidas",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar barra de estilos",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' solo muestra la página web, '{1}' conecta la página web con tu código (haz clic en los elementos para saltar a su código y viceversa), '{2}' proporciona resaltado junto con manipulación avanzada de elementos",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurar modos de Vista Previa en Vivo",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Vista previa dinámica se ha detenido porque se han abierto las herramientas de desarrollo",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Utilizado {1} vez)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Utilizado {1} veces)",
   "EDIT": "Edición",
-  "CMD_JUMPTO_DEFINITION": "Saltar a la definición",
   "CMD_SHOW_PARAMETER_HINT": "Mostrar sugerencias de parámetros",
   "NO_ARGUMENTS": "<no hay parámetros>",
   "DETECTED_EXCLUSION_TITLE": "Problema de inferencia con un archivo JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "El límite de memoria que proporcionaste no es válido. Revisa las preferencias de PHP para establecer el valor correcto.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Configuración predeterminada de las herramientas de PHP",
   "OPEN_PREFERENNCES": "Abrir preferencias",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferencias para las herramientas de idioma",
-  "FIND_ALL_REFERENCES": "Buscar todas las referencias",
   "REFERENCES_IN_FILES": "referencias",
   "REFERENCE_IN_FILES": "referencia",
   "REFERENCES_NO_RESULTS": "No hay referencias disponibles para la posición actual del cursor",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Empezar de nuevo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarjetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar la barra de estilos cuando se seleccionan elementos en la vista previa en vivo. El valor predeterminado es 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado en el que se acopla la barra de estilos de la vista previa en vivo: 'top', 'bottom', 'left' o 'right'. El valor predeterminado es 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamiento",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra a la izquierda",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra a la derecha",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "En la página",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comunes",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanco",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Plata",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rojo",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Naranja",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Dorado",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarillo",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul marino",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar barra de estilos"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} de información)",
+  "CMD_JUMPTO_DEFINITION": "Ir a la definición",
+  "FIND_ALL_REFERENCES": "Buscar todas las referencias"
 });
\ No newline at end of file
diff --git a/src/nls/fa-ir/lastTranslated.json b/src/nls/fa-ir/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/fa-ir/lastTranslated.json
+++ b/src/nls/fa-ir/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/fa-ir/strings.js b/src/nls/fa-ir/strings.js
index 381c69a6c2..d6daaebf39 100644
--- a/src/nls/fa-ir/strings.js
+++ b/src/nls/fa-ir/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "چارچوب سرور، در حال حاضر فقط از docusaurus پشتیبانی می‌کند",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "بازرسی عنصر در پیش‌نمایش زنده با 'قرار گرفتن ماوس' یا 'کلیک'. پیش‌فرض 'قرار گرفتن ماوس' است.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "نمایش اندازه‌ها هنگام انتخاب عناصر در پیش‌نمایش زنده. پیش‌فرض 'false' است.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "نمایش نوار استایل‌ها هنگام انتخاب عناصر در پیش‌نمایش زنده. پیش‌فرض «true» است.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "محل اتصال نوار استایل‌های پیش‌نمایش زنده: 'top'، 'bottom'، 'left' یا 'right'. پیش‌فرض 'bottom' است.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "انتخاب والد",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "ویرایش متن",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "دوبار کلیک",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "حاشیه و فاصله داخلی",
   "LIVE_DEV_STYLER_LAYOUT": "چیدمان",
   "LIVE_DEV_STYLER_TEXT_STYLE": "سبک متن",
+  "LIVE_DEV_STYLER_DOCK": "موقعیت اتصال",
   "LIVE_DEV_STYLER_DOCK_TOP": "انتقال نوار به بالا",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "انتقال نوار به پایین",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "انتقال نوار به چپ",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "انتقال نوار به راست",
   "LIVE_DEV_STYLER_RESET": "بازنشانی تغییرات",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "تغییری برای بازنشانی وجود ندارد",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "انجام",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "شعاع",
   "LIVE_DEV_STYLER_WIDTH": "عرض",
   "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "در این صفحه",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "رایج",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "نقره‌ای",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "خاکستری",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "مشکی",
+  "LIVE_DEV_STYLER_COLOR_RED": "قرمز",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "زرشکی",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "طلایی",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "زرد",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
+  "LIVE_DEV_STYLER_COLOR_LIME": "لیمویی",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "سبزآبی",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزه‌ای",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "آبی",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "سرمه‌ای",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "نیلی",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "ارغوانی",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "سرخابی",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفش",
+  "LIVE_DEV_STYLER_COLOR_PINK": "صورتی",
   "LIVE_DEV_STYLER_STYLE": "سبک",
   "LIVE_DEV_STYLER_SOLID": "ممتد",
   "LIVE_DEV_STYLER_DASHED": "خط‌چین",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "حالت ویرایش",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "بازرسی عنصر هنگام قرارگیری نشانگر",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "نمایش اندازه‌ها",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "نمایش نوار استایل‌ها",
   "LIVE_PREVIEW_MODE_PREFERENCE": "«{0}» فقط صفحه وب را نمایش می‌دهد، «{1}» صفحه وب را به کد شما متصل می‌کند - برای پرش به کد عناصر و بالعکس روی آنها کلیک کنید، «{2}» امکان هایلایت کردن به همراه دستکاری پیشرفتهٔ عناصر را فراهم می‌کند.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "پیکربندی حالت‌های پیش‌نمایش زنده",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "پیش نمایش زنده لغو شد زیرا از برخی از ابزارهای توسعه مختص مرورگرتان استفاده کرده اید.",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} بار استفاده شده)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} بار استفاده شده)",
   "EDIT": "ویرایش",
-  "CMD_JUMPTO_DEFINITION": "پرش جهت تعریف",
   "CMD_SHOW_PARAMETER_HINT": "نمایش نکات پارامتر",
   "NO_ARGUMENTS": "<بدون پارامترها>",
   "DETECTED_EXCLUSION_TITLE": "خطای منطقی در پرونده جاوا اسکریپت",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "محدودیت حافظه‌ای که ارائه کرده‌اید نامعتبر است. تنظیمات PHP را برای تعیین مقدار صحیح بررسی کنید.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "تنظیمات پیکربندی پیش‌فرض ابزارهای PHP",
   "OPEN_PREFERENNCES": "باز کردن تنظیمات",
-  "LANGUAGE_TOOLS_PREFERENCES": "تنظیمات ابزارهای زبان",
-  "FIND_ALL_REFERENCES": "یافتن همه مراجع",
   "REFERENCES_IN_FILES": "مراجع",
   "REFERENCE_IN_FILES": "مرجع",
   "REFERENCES_NO_RESULTS": "هیچ مرجعی برای مکان‌نما فعلی یافت نشد",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "شروع مجدد",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE} از ۳ کارت",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE} از ۱ مورد حذف شد",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "نمایش نوار استایل‌ها هنگام انتخاب عناصر در پیش‌نمایش زنده. پیش‌فرض «true» است.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "محل اتصال نوار استایل‌های پیش‌نمایش زنده: 'top'، 'bottom'، 'left' یا 'right'. پیش‌فرض 'bottom' است.",
-  "LIVE_DEV_STYLER_DOCK": "موقعیت اتصال",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "انتقال نوار به چپ",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "انتقال نوار به راست",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "در این صفحه",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "رایج",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "نقره‌ای",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "خاکستری",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "مشکی",
-  "LIVE_DEV_STYLER_COLOR_RED": "قرمز",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "زرشکی",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "طلایی",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "زرد",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
-  "LIVE_DEV_STYLER_COLOR_LIME": "لیمویی",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "سبزآبی",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزه‌ای",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "آبی",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "سرمه‌ای",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "نیلی",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "ارغوانی",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "سرخابی",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفش",
-  "LIVE_DEV_STYLER_COLOR_PINK": "صورتی",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "نمایش نوار استایل‌ها"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} اطلاعات)",
+  "CMD_JUMPTO_DEFINITION": "رفتن به تعریف",
+  "FIND_ALL_REFERENCES": "یافتن موارد استفاده"
 });
\ No newline at end of file
diff --git a/src/nls/fi/lastTranslated.json b/src/nls/fi/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/fi/lastTranslated.json
+++ b/src/nls/fi/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/fi/strings.js b/src/nls/fi/strings.js
index dbf672933a..ef6937d60d 100644
--- a/src/nls/fi/strings.js
+++ b/src/nls/fi/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Palvelinkehys, tukee tällä hetkellä vain Docusaurusta",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Tarkasta elementti Live-esikatselussa 'hover'- tai 'click'-toiminnolla. Oletusarvo on 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Näytä mitat, kun elementtejä valitaan live-esikatselussa. Oletusarvo on 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Näytä tyylipalkki, kun elementtejä valitaan reaaliaikaisessa esikatselussa. Oletusarvo on 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Mille puolelle reaaliaikaisen esikatselun tyylipalkki telakoituu: 'top', 'bottom', 'left' tai 'right'. Oletusarvo on 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Valitse yläelementti",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Muokkaa tekstiä",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Kaksoisnapsauta",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marginaali ja täyte",
   "LIVE_DEV_STYLER_LAYOUT": "Asettelu",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Tekstin tyyli",
+  "LIVE_DEV_STYLER_DOCK": "Telakan sijainti",
   "LIVE_DEV_STYLER_DOCK_TOP": "Siirrä palkki yläreunaan",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Siirrä palkki alareunaan",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Siirrä palkki vasemmalle",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Siirrä palkki oikealle",
   "LIVE_DEV_STYLER_RESET": "Nollaa muutokset",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ei nollattavia muutoksia",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Valmis",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Säde",
   "LIVE_DEV_STYLER_WIDTH": "Leveys",
   "LIVE_DEV_STYLER_COLOR": "Väri",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Tällä sivulla",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Yleiset",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Valkoinen",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Hopea",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Harmaa",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Musta",
+  "LIVE_DEV_STYLER_COLOR_RED": "Punainen",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Viininpunainen",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranssi",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Kulta",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Keltainen",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliivi",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Vihreä",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sinivihreä",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Syaani",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Sininen",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Laivastonsininen",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purppura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetti",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Vaaleanpunainen",
   "LIVE_DEV_STYLER_STYLE": "Tyyli",
   "LIVE_DEV_STYLER_SOLID": "Yhtenäinen",
   "LIVE_DEV_STYLER_DASHED": "Katkoviiva",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Muokkaustila",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Tarkastele elementtiä kohdistettaessa",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Näytä mitat",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Näytä tyylipalkki",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' näyttää vain verkkosivun, '{1}' yhdistää verkkosivun koodiisi – napsauttamalla elementtejä voit siirtyä niiden koodiin ja päinvastoin, '{2}' tarjoaa korostuksen sekä edistyneen elementtien käsittelyn.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Määritä reaaliaikaisen esikatselun tilat",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Esikatselu peruutettiin, koska selaimen kehitystyökalut avattiin",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (käytetty {1} kerran)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (käytetty {1} kertaa)",
   "EDIT": "Muokkaa",
-  "CMD_JUMPTO_DEFINITION": "Siirry määrittelyyn",
   "CMD_SHOW_PARAMETER_HINT": "Näytä parametrivihje",
   "NO_ARGUMENTS": "<ei parametreja>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript-tiedoston päättelyongelma",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Antamasi muistiraja on virheellinen. Tarkista PHP-asetukset ja aseta oikea arvo.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP-työkalujen oletusasetukset",
   "OPEN_PREFERENNCES": "Avaa asetukset",
-  "LANGUAGE_TOOLS_PREFERENCES": "Kieliasetusten asetukset",
-  "FIND_ALL_REFERENCES": "Etsi kaikki viittaukset",
   "REFERENCES_IN_FILES": "viittaukset",
   "REFERENCE_IN_FILES": "viittaus",
   "REFERENCES_NO_RESULTS": "Ei viittauksia nykyisessä kohdistimen sijainnissa",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Aloita alusta",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 korttia",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 poistettu",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Näytä tyylipalkki, kun elementtejä valitaan reaaliaikaisessa esikatselussa. Oletusarvo on 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Mille puolelle reaaliaikaisen esikatselun tyylipalkki telakoituu: 'top', 'bottom', 'left' tai 'right'. Oletusarvo on 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Telakan sijainti",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Siirrä palkki vasemmalle",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Siirrä palkki oikealle",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Tällä sivulla",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Yleiset",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Valkoinen",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Hopea",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Harmaa",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Musta",
-  "LIVE_DEV_STYLER_COLOR_RED": "Punainen",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Viininpunainen",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranssi",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Kulta",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Keltainen",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliivi",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Vihreä",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Sinivihreä",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Syaani",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Sininen",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Laivastonsininen",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purppura",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetti",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Vaaleanpunainen",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Näytä tyylipalkki"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} tietoa)",
+  "CMD_JUMPTO_DEFINITION": "Siirry määrittelyyn",
+  "FIND_ALL_REFERENCES": "Etsi viittaukset"
 });
\ No newline at end of file
diff --git a/src/nls/fr/lastTranslated.json b/src/nls/fr/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/fr/lastTranslated.json
+++ b/src/nls/fr/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/fr/strings.js b/src/nls/fr/strings.js
index df953061e7..eee1452831 100644
--- a/src/nls/fr/strings.js
+++ b/src/nls/fr/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework du serveur, actuellement seul Docusaurus est pris en charge",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspecter l'élément dans l'Aperçu en direct au 'survol' ou au 'clic'. La valeur par défaut est 'survol'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Afficher les mesures lorsque des éléments sont sélectionnés dans l'aperçu en direct. Par défaut : 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afficher la barre de styles lorsque des éléments sont sélectionnés dans l'aperçu en direct. La valeur par défaut est 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Côté auquel la barre de styles de l'aperçu en direct s'ancre : 'haut', 'bas', 'gauche' ou 'droite'. La valeur par défaut est 'bas'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Sélectionner le parent",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Modifier le texte",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Double-clic",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marge & marge intérieure",
   "LIVE_DEV_STYLER_LAYOUT": "Mise en page",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Style du texte",
+  "LIVE_DEV_STYLER_DOCK": "Position d'ancrage",
   "LIVE_DEV_STYLER_DOCK_TOP": "Déplacer la barre en haut",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Déplacer la barre en bas",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Déplacer la barre à gauche",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Déplacer la barre à droite",
   "LIVE_DEV_STYLER_RESET": "Réinitialiser les modifications",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Aucune modification à réinitialiser",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminé",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Rayon",
   "LIVE_DEV_STYLER_WIDTH": "Largeur",
   "LIVE_DEV_STYLER_COLOR": "Couleur",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Sur cette page",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Courantes",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanc",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argenté",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Noir",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rouge",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Marron",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Or",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Jaune",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Citron vert",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Vert",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sarcelle",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Bleu",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marine",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Violet",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rose",
   "LIVE_DEV_STYLER_STYLE": "Style",
   "LIVE_DEV_STYLER_SOLID": "Pleine",
   "LIVE_DEV_STYLER_DASHED": "En tirets",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Mode Édition",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspecter l'élément au survol",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Afficher les mesures",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afficher la barre de styles",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' affiche uniquement la page web, '{1}' connecte la page web à votre code - cliquez sur les éléments pour accéder à leur code et vice versa, '{2}' fournit une mise en surbrillance ainsi qu'une manipulation avancée des éléments.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurer les modes d'aperçu en direct",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Aperçu en direct annulé car les outils de développement du navigateur étaient ouverts",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (utilisé {1} fois)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (utilisé {1} fois)",
   "EDIT": "Modifier",
-  "CMD_JUMPTO_DEFINITION": "Accéder à la définition",
   "CMD_SHOW_PARAMETER_HINT": "Afficher l’indicateur de paramètre",
   "NO_ARGUMENTS": "<aucun paramètre>",
   "DETECTED_EXCLUSION_TITLE": "Problème d’inférence de fichier Javascript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "La limite de mémoire que vous avez fournie n’est pas valide. Veuillez corriger la valeur indiquée dans les préférences PHP.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Paramètres de configuration par défaut des outils PHP",
   "OPEN_PREFERENNCES": "Ouvrir les préférences",
-  "LANGUAGE_TOOLS_PREFERENCES": "Préférences pour les outils linguistiques",
-  "FIND_ALL_REFERENCES": "Rechercher toutes les références",
   "REFERENCES_IN_FILES": "références",
   "REFERENCE_IN_FILES": "référence",
   "REFERENCES_NO_RESULTS": "Références non disponibles pour la position actuelle du curseur",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Recommencer",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 supprimé",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afficher la barre de styles lorsque des éléments sont sélectionnés dans l'aperçu en direct. La valeur par défaut est 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Côté auquel la barre de styles de l'aperçu en direct s'ancre : 'haut', 'bas', 'gauche' ou 'droite'. La valeur par défaut est 'bas'",
-  "LIVE_DEV_STYLER_DOCK": "Position d'ancrage",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Déplacer la barre à gauche",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Déplacer la barre à droite",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Sur cette page",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Courantes",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Blanc",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Argenté",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Noir",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rouge",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Marron",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Or",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Jaune",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olive",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Citron vert",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Vert",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Sarcelle",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Bleu",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marine",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Violet",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rose",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afficher la barre de styles"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} information)",
+  "CMD_JUMPTO_DEFINITION": "Atteindre la définition",
+  "FIND_ALL_REFERENCES": "Trouver toutes les références"
 });
\ No newline at end of file
diff --git a/src/nls/gl/lastTranslated.json b/src/nls/gl/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/gl/lastTranslated.json
+++ b/src/nls/gl/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/gl/strings.js b/src/nls/gl/strings.js
index 6dff0b7b8f..7dde7ec97f 100644
--- a/src/nls/gl/strings.js
+++ b/src/nls/gl/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Marco de traballo do servidor, actualmente só admite Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspeccionar o elemento na Vista previa en vivo con 'hover' ou 'click'. O valor predeterminado é 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Amosar as medidas cando se seleccionan elementos na vista previa en directo. Por defecto: 'falso'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Amosar a barra de estilos cando se seleccionan elementos na vista previa en vivo. O valor predeterminado é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado no que se acopla a barra de estilos da vista previa en vivo: 'superior', 'inferior', 'esquerda' ou 'dereita'. O valor predeterminado é 'inferior'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Seleccionar pai",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Editar texto",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dobre clic",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marxe e recheo",
   "LIVE_DEV_STYLER_LAYOUT": "Disposición",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamento",
   "LIVE_DEV_STYLER_DOCK_TOP": "Mover a barra cara arriba",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover a barra cara abaixo",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover a barra á esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover a barra á dereita",
   "LIVE_DEV_STYLER_RESET": "Restablecer os cambios",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Non hai cambios que restablecer",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Aceptar",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Raio",
   "LIVE_DEV_STYLER_WIDTH": "Ancho",
   "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na páxina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comúns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermello",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranxa",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul mariño",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Maxenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Estilo",
   "LIVE_DEV_STYLER_SOLID": "Sólido",
   "LIVE_DEV_STYLER_DASHED": "A trazos",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Modo de edición",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspeccionar elemento ao pasar o cursor",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Amosar medidas",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Amosar barra de estilos",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' amosa só a páxina web, '{1}' conecta a páxina web co seu código (faga clic nos elementos para saltar ao seu código e viceversa), '{2}' fornece resaltado xunto coa manipulación avanzada de elementos.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurar os modos de vista previa en directo",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Vista Previa en Vivo detiuse porque abríronse as ferramentas de desenvolvemento",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Utilizado {1} vez)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Utilizado {1} veces)",
   "EDIT": "Edición",
-  "CMD_JUMPTO_DEFINITION": "Saltar á definición",
   "CMD_SHOW_PARAMETER_HINT": "Amosar suxerencias de parámetros",
   "NO_ARGUMENTS": "<non hay parámetros>",
   "DETECTED_EXCLUSION_TITLE": "Problema de inferencia con un arquivo JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "O límite de memoria que proporcionou non é válido. Revise as preferencias de PHP para establecer o valor correcto.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Configuración predeterminada das ferramentas de PHP",
   "OPEN_PREFERENNCES": "Abrir Preferencias",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferencias para as ferramentas de idioma",
-  "FIND_ALL_REFERENCES": "Atopar todas as referencias",
   "REFERENCES_IN_FILES": "referencias",
   "REFERENCE_IN_FILES": "referencia",
   "REFERENCES_NO_RESULTS": "Non hai referencias dispoñibles para a posición actual do cursor",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Comezar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 tarxetas",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Amosar a barra de estilos cando se seleccionan elementos na vista previa en vivo. O valor predeterminado é 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado no que se acopla a barra de estilos da vista previa en vivo: 'superior', 'inferior', 'esquerda' ou 'dereita'. O valor predeterminado é 'inferior'",
-  "LIVE_DEV_STYLER_DOCK": "Posición de acoplamento",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover a barra á esquerda",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover a barra á dereita",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na páxina",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comúns",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Gris",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Negro",
-  "LIVE_DEV_STYLER_COLOR_RED": "Vermello",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Granate",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranxa",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Cerceta",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cian",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul mariño",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Púrpura",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Maxenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Amosar barra de estilos"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} información)",
+  "CMD_JUMPTO_DEFINITION": "Ir á definición",
+  "FIND_ALL_REFERENCES": "Buscar usos"
 });
\ No newline at end of file
diff --git a/src/nls/hi/lastTranslated.json b/src/nls/hi/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/hi/lastTranslated.json
+++ b/src/nls/hi/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/hi/strings.js b/src/nls/hi/strings.js
index a801c312bb..332559a700 100644
--- a/src/nls/hi/strings.js
+++ b/src/nls/hi/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "सर्वर फ्रेमवर्क, वर्तमान में केवल डॉक्ससॉरस को सपोर्ट करता है",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "लाइव प्रीव्यू में 'होवर' या 'क्लिक' पर एलिमेंट का निरीक्षण करें। डिफ़ॉल्ट 'होवर' है",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "लाइव प्रीव्यू में एलिमेंट चुने जाने पर माप दिखाएँ। डिफ़ॉल्ट 'false' है",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "लाइव प्रीव्यू में तत्वों के चुने जाने पर स्टाइल्स बार दिखाएँ। डिफ़ॉल्ट रूप से 'true' है",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "लाइव प्रीव्यू स्टाइल्स बार किस तरफ़ डॉक होता है: 'top', 'bottom', 'left' या 'right'। डिफ़ॉल्ट रूप से 'bottom' है",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "पैरेंट चुनें",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "टेक्स्ट संपादित करें",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "डबल-क्लिक",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "मार्जिन और पैडिंग",
   "LIVE_DEV_STYLER_LAYOUT": "लेआउट",
   "LIVE_DEV_STYLER_TEXT_STYLE": "टेक्स्ट शैली",
+  "LIVE_DEV_STYLER_DOCK": "डॉक स्थिति",
   "LIVE_DEV_STYLER_DOCK_TOP": "बार को ऊपर ले जाएँ",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "बार को नीचे ले जाएँ",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "बार को बाईं ओर ले जाएँ",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "बार को दाईं ओर ले जाएँ",
   "LIVE_DEV_STYLER_RESET": "बदलाव रीसेट करें",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "रीसेट करने के लिए कोई बदलाव नहीं हैं",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "हो गया",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "रेडियस",
   "LIVE_DEV_STYLER_WIDTH": "चौड़ाई",
   "LIVE_DEV_STYLER_COLOR": "रंग",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "पेज पर",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "सामान्य",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "सफ़ेद",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "सिल्वर",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "ग्रे",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "काला",
+  "LIVE_DEV_STYLER_COLOR_RED": "लाल",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "मैरून",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "नारंगी",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "सुनहरा",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "पीला",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "जैतूनी",
+  "LIVE_DEV_STYLER_COLOR_LIME": "लाइम",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "हरा",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "टील",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "स्यान",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "नीला",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "नेवी",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "इंडिगो",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "बैंगनी",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "मैजेंटा",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "वायलेट",
+  "LIVE_DEV_STYLER_COLOR_PINK": "गुलाबी",
   "LIVE_DEV_STYLER_STYLE": "स्टाइल",
   "LIVE_DEV_STYLER_SOLID": "सॉलिड",
   "LIVE_DEV_STYLER_DASHED": "डैश्ड",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "संपादन मोड",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "होवर पर एलिमेंट का निरीक्षण",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "माप दिखाएँ",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "स्टाइल्स बार दिखाएँ",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' सिर्फ़ वेबपेज दिखाता है, '{1}' वेबपेज को आपके कोड से जोड़ता है - एलिमेंट पर क्लिक करके उनके कोड पर जाएँ और इसके विपरीत भी, '{2}' उन्नत एलिमेंट मैनिपुलेशन के साथ हाइलाइटिंग प्रदान करता है।",
   "LIVE_PREVIEW_CONFIGURE_MODES": "लाइव पूर्वावलोकन मोड कॉन्फ़िगर करें",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "लाइव प्रीव्यू रद्द कर दिया गया क्योंकि ब्राउज़र के डेवलपर टूल खोले गए थे",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} बार प्रयुक्त)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (इस्तेमाल किया गया {1} बार)",
   "EDIT": "संपादित करें",
-  "CMD_JUMPTO_DEFINITION": "परिभाषा पर जाएं",
   "CMD_SHOW_PARAMETER_HINT": "पैरामीटर संकेत दिखाएँ",
   "NO_ARGUMENTS": "<no parameters>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript फ़ाइल अनुमान समस्या",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "आपके द्वारा प्रदान की गई मेमोरी सीमा अमान्य है। सही मान सेट करने के लिए PHP प्राथमिकताओं की समीक्षा करें।",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP टूलिंग डिफ़ॉल्ट कॉन्फ़िगरेशन सेटिंग्स",
   "OPEN_PREFERENNCES": "प्राथमिकताएँ खोलें",
-  "LANGUAGE_TOOLS_PREFERENCES": "भाषा उपकरणों के लिए प्राथमिकताएँ",
-  "FIND_ALL_REFERENCES": "सभी संदर्भ खोजें",
   "REFERENCES_IN_FILES": "संदर्भ",
   "REFERENCE_IN_FILES": "संदर्भ",
   "REFERENCES_NO_RESULTS": "वर्तमान कर्सर स्थिति के लिए कोई संदर्भ उपलब्ध नहीं है",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "फिर से शुरू करें",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 कार्ड",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 हटाया गया",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "लाइव प्रीव्यू में तत्वों के चुने जाने पर स्टाइल्स बार दिखाएँ। डिफ़ॉल्ट रूप से 'true' है",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "लाइव प्रीव्यू स्टाइल्स बार किस तरफ़ डॉक होता है: 'top', 'bottom', 'left' या 'right'। डिफ़ॉल्ट रूप से 'bottom' है",
-  "LIVE_DEV_STYLER_DOCK": "डॉक स्थिति",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "बार को बाईं ओर ले जाएँ",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "बार को दाईं ओर ले जाएँ",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "पेज पर",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "सामान्य",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "सफ़ेद",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "सिल्वर",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "ग्रे",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "काला",
-  "LIVE_DEV_STYLER_COLOR_RED": "लाल",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "मैरून",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "नारंगी",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "सुनहरा",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "पीला",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "जैतूनी",
-  "LIVE_DEV_STYLER_COLOR_LIME": "लाइम",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "हरा",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "टील",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "स्यान",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "नीला",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "नेवी",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "इंडिगो",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "बैंगनी",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "मैजेंटा",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "वायलेट",
-  "LIVE_DEV_STYLER_COLOR_PINK": "गुलाबी",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "स्टाइल्स बार दिखाएँ"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} सूचना)",
+  "CMD_JUMPTO_DEFINITION": "परिभाषा पर जाएँ",
+  "FIND_ALL_REFERENCES": "उपयोग खोजें"
 });
\ No newline at end of file
diff --git a/src/nls/hr/lastTranslated.json b/src/nls/hr/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/hr/lastTranslated.json
+++ b/src/nls/hr/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/hr/strings.js b/src/nls/hr/strings.js
index 5321195e43..fea2fb5dc1 100644
--- a/src/nls/hr/strings.js
+++ b/src/nls/hr/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Okvir poslužitelja, trenutno podržava samo Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Pregledaj element u Pregledu uživo pri 'prelasku mišem' ili 'kliku'. Zadano je 'prelazak mišem'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Prikazuje mjere kada su elementi odabrani u pretpregledu uživo. Zadano je 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Prikaži traku sa stilovima kada su elementi odabrani u pregledu uživo. Zadana vrijednost je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana na koju se prikvači traka sa stilovima za pregled uživo: 'top', 'bottom', 'left' ili 'right'. Zadana vrijednost je 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Odaberi nadređeni",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Uredi tekst",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dvostruki klik",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margina i unutarnji razmak",
   "LIVE_DEV_STYLER_LAYOUT": "Raspored",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Stil teksta",
+  "LIVE_DEV_STYLER_DOCK": "Položaj prikvačivanja",
   "LIVE_DEV_STYLER_DOCK_TOP": "Pomakni traku na vrh",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pomakni traku na dno",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Premjesti traku ulijevo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Premjesti traku udesno",
   "LIVE_DEV_STYLER_RESET": "Poništi promjene",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nema promjena za poništavanje",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Može",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Polumjer",
   "LIVE_DEV_STYLER_WIDTH": "Širina",
   "LIVE_DEV_STYLER_COLOR": "Boja",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na ovoj stranici",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Uobičajeno",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bijela",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrna",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Siva",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Crna",
+  "LIVE_DEV_STYLER_COLOR_RED": "Crvena",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narančasta",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatna",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žuta",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Maslinasta",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limeta",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelena",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Tirkizna",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cijan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Plava",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Mornarsko plava",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ljubičasta",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetna",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ružičasta",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Puna",
   "LIVE_DEV_STYLER_DASHED": "Crtkana",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Uredi",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Pregledaj element pri prelasku mišem",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Prikaži mjere",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Prikaži traku sa stilovima",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' prikazuje samo web-stranicu, '{1}' povezuje web-stranicu s vašim kodom - kliknite na elemente da biste skočili na njihov kod i obrnuto, '{2}' pruža isticanje zajedno s naprednom manipulacijom elemenata.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfiguriraj načine rada pregleda uživo",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Prikaz uživo je otkazan jer su u pregledniku bili otvoreni razvojni alati",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Korištena {1} put)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Korištena {1} puta)",
   "EDIT": "Uredi",
-  "CMD_JUMPTO_DEFINITION": "Skoči na definiciju",
   "CMD_SHOW_PARAMETER_HINT": "Pokaži naznake (hintove) parametara",
   "NO_ARGUMENTS": "<bez parametara>",
   "DETECTED_EXCLUSION_TITLE": "Problem s zaključivanjem JavaScript datoteke",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Navedeno ograničenje memorije nije valjano. Pregledajte PHP postavke kako biste postavili ispravnu vrijednost.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Zadane postavke konfiguracije PHP alata",
   "OPEN_PREFERENNCES": "Otvori postavke",
-  "LANGUAGE_TOOLS_PREFERENCES": "Postavke za jezične alate",
-  "FIND_ALL_REFERENCES": "Pronađi sve reference",
   "REFERENCES_IN_FILES": "reference",
   "REFERENCE_IN_FILES": "referenca",
   "REFERENCES_NO_RESULTS": "Nema dostupnih referenci za trenutnu poziciju kursora",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Kreni ispočetka",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartice",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 obrisano",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Prikaži traku sa stilovima kada su elementi odabrani u pregledu uživo. Zadana vrijednost je 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana na koju se prikvači traka sa stilovima za pregled uživo: 'top', 'bottom', 'left' ili 'right'. Zadana vrijednost je 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Položaj prikvačivanja",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Premjesti traku ulijevo",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Premjesti traku udesno",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na ovoj stranici",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Uobičajeno",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Bijela",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrna",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Siva",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Crna",
-  "LIVE_DEV_STYLER_COLOR_RED": "Crvena",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narančasta",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatna",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žuta",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Maslinasta",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limeta",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelena",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Tirkizna",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cijan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Plava",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Mornarsko plava",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ljubičasta",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetna",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Ružičasta",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Prikaži traku sa stilovima"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Idi na definiciju",
+  "FIND_ALL_REFERENCES": "Pronađi reference"
 });
\ No newline at end of file
diff --git a/src/nls/hu/lastTranslated.json b/src/nls/hu/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/hu/lastTranslated.json
+++ b/src/nls/hu/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/hu/strings.js b/src/nls/hu/strings.js
index 1950e740bf..b05856df49 100644
--- a/src/nls/hu/strings.js
+++ b/src/nls/hu/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Szerver keretrendszer, jelenleg csak a Docusaurust támogatja",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Elem vizsgálata az Élő előnézetben 'hover' vagy 'click' eseményre. Alapértelmezett: 'hover'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Méretek megjelenítése a kiválasztott elemeknél az élő előnézetben. Alapértelmezés: 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "A stílussáv megjelenítése, amikor elemek vannak kiválasztva az élő előnézetben. Alapértelmezés: 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Az élő előnézet stílussávjának dokkolási oldala: 'top', 'bottom', 'left' vagy 'right'. Alapértelmezés: 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Szülőelem kiválasztása",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Szöveg szerkesztése",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dupla kattintás",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margó és belső margó",
   "LIVE_DEV_STYLER_LAYOUT": "Elrendezés",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Szövegstílus",
+  "LIVE_DEV_STYLER_DOCK": "Dokkolási pozíció",
   "LIVE_DEV_STYLER_DOCK_TOP": "Áthelyezés felülre",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Áthelyezés alulra",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Sáv áthelyezése balra",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sáv áthelyezése jobbra",
   "LIVE_DEV_STYLER_RESET": "Változtatások visszaállítása",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nincs visszaállítható változtatás",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Kész",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Sugár",
   "LIVE_DEV_STYLER_WIDTH": "Szélesség",
   "LIVE_DEV_STYLER_COLOR": "Szín",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Az oldalon",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Gyakori",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Fehér",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Ezüst",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Szürke",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Fekete",
+  "LIVE_DEV_STYLER_COLOR_RED": "Piros",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordó",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narancssárga",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Arany",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sárga",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olíva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zöld",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Pávakék",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cián",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Kék",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Tengerészkék",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigó",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Ibolya",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rózsaszín",
   "LIVE_DEV_STYLER_STYLE": "Stílus",
   "LIVE_DEV_STYLER_SOLID": "Folytonos",
   "LIVE_DEV_STYLER_DASHED": "Szaggatott",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Szerkesztő mód",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Elem vizsgálata rámutatáskor",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Méretek megjelenítése",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stílussáv megjelenítése",
   "LIVE_PREVIEW_MODE_PREFERENCE": "A '{0}' csak a weboldalt jeleníti meg, a '{1}' összeköti a weboldalt a kóddal – kattintson az elemekre a kódjukhoz ugráshoz és fordítva, a '{2}' pedig kiemelést és haladó elemkezelést biztosít.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Élő előnézeti módok konfigurálása",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Az Élő Előnézet lecsatlakozott mert a bongésző fejlesztő eszközei meg lettek nyitva",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1}-szer használva)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1}-szer használva)",
   "EDIT": "Szerkesztés",
-  "CMD_JUMPTO_DEFINITION": "Ugrás a Definícióhoz",
   "CMD_SHOW_PARAMETER_HINT": "Paramétertipp megjelenítése",
   "NO_ARGUMENTS": "<nincsenek paraméterek>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript fájl következtetési probléma",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "A megadott memória limit érvénytelen. Ellenőrizze a PHP beállításokat a helyes érték beállításához.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP eszközök alapértelmezett konfigurációs beállításai",
   "OPEN_PREFERENNCES": "Beállítások megnyitása",
-  "LANGUAGE_TOOLS_PREFERENCES": "Nyelvi eszközök beállításai",
-  "FIND_ALL_REFERENCES": "Összes hivatkozás keresése",
   "REFERENCES_IN_FILES": "hivatkozások",
   "REFERENCE_IN_FILES": "hivatkozás",
   "REFERENCES_NO_RESULTS": "Nincsenek elérhető hivatkozások a kurzor aktuális pozíciójában",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Újrakezdés",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kártya",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 törölve",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "A stílussáv megjelenítése, amikor elemek vannak kiválasztva az élő előnézetben. Alapértelmezés: 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Az élő előnézet stílussávjának dokkolási oldala: 'top', 'bottom', 'left' vagy 'right'. Alapértelmezés: 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Dokkolási pozíció",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Sáv áthelyezése balra",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sáv áthelyezése jobbra",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Az oldalon",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Gyakori",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Fehér",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Ezüst",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Szürke",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Fekete",
-  "LIVE_DEV_STYLER_COLOR_RED": "Piros",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordó",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Narancssárga",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Arany",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sárga",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olíva",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zöld",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Pávakék",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cián",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Kék",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Tengerészkék",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigó",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Ibolya",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rózsaszín",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stílussáv megjelenítése"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} infó)",
+  "CMD_JUMPTO_DEFINITION": "Ugrás a definícióra",
+  "FIND_ALL_REFERENCES": "Hivatkozások keresése"
 });
\ No newline at end of file
diff --git a/src/nls/id/lastTranslated.json b/src/nls/id/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/id/lastTranslated.json
+++ b/src/nls/id/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/id/strings.js b/src/nls/id/strings.js
index dfa79b30cd..e79e6b6e1e 100644
--- a/src/nls/id/strings.js
+++ b/src/nls/id/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework Server, saat ini hanya mendukung docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspeksi elemen di Pratinjau Langsung saat 'hover' atau 'klik'. Defaultnya adalah 'hover'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Tampilkan pengukuran saat elemen dipilih di pratinjau langsung. Standarnya adalah 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Tampilkan bilah gaya saat elemen dipilih di pratinjau langsung. Bawaannya 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Sisi tempat bilah gaya pratinjau langsung menempel: 'atas', 'bawah', 'kiri' atau 'kanan'. Bawaannya 'bawah'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Pilih Induk",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Edit Teks",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Klik ganda",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margin & padding",
   "LIVE_DEV_STYLER_LAYOUT": "Tata letak",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Gaya teks",
+  "LIVE_DEV_STYLER_DOCK": "Posisi penempelan",
   "LIVE_DEV_STYLER_DOCK_TOP": "Pindahkan bilah ke atas",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pindahkan bilah ke bawah",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Pindahkan bilah ke kiri",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pindahkan bilah ke kanan",
   "LIVE_DEV_STYLER_RESET": "Atur ulang perubahan",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Tidak ada perubahan untuk diatur ulang",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Selesai",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Lebar",
   "LIVE_DEV_STYLER_COLOR": "Warna",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Di halaman ini",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Umum",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Putih",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Perak",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Abu-abu",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Hitam",
+  "LIVE_DEV_STYLER_COLOR_RED": "Merah",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Merah Marun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranye",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Emas",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Kuning",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zaitun",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Hijau Limau",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Hijau",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Hijau Kebiruan",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Sian",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Biru",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Biru Dongker",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Nila",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ungu",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Merah Muda",
   "LIVE_DEV_STYLER_STYLE": "Gaya",
   "LIVE_DEV_STYLER_SOLID": "Solid",
   "LIVE_DEV_STYLER_DASHED": "Garis putus-putus",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Mode Edit",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspeksi Elemen saat Melayang",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Tampilkan Ukuran",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Tampilkan Bilah Gaya",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' hanya menampilkan halaman web, '{1}' menghubungkan halaman web ke kode Anda - klik pada elemen untuk beralih ke kodenya dan sebaliknya, '{2}' menyediakan penyorotan beserta manipulasi elemen tingkat lanjut",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurasi Mode Pratinjau Langsung",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Tinjauan Langsung dibatalkan karena Alat Pengembang pada peramban sedang dibuka",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Digunakan {1} kali)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Digunakan {1} kali)",
   "EDIT": "Edit",
-  "CMD_JUMPTO_DEFINITION": "Lompat ke Definisi",
   "CMD_SHOW_PARAMETER_HINT": "Tampilkan Petunjuk Parameter",
   "NO_ARGUMENTS": "<tidak ada parameter>",
   "DETECTED_EXCLUSION_TITLE": "Masalah Inferensi File JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Batas memori yang Anda berikan tidak valid. Tinjau preferensi PHP untuk mengatur nilai yang benar.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Pengaturan konfigurasi standar Fitur PHP",
   "OPEN_PREFERENNCES": "Buka Preferensi",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferensi untuk Alat Bahasa",
-  "FIND_ALL_REFERENCES": "Temukan Semua Referensi",
   "REFERENCES_IN_FILES": "referensi",
   "REFERENCE_IN_FILES": "referensi",
   "REFERENCES_NO_RESULTS": "Tidak ada Referensi yang tersedia untuk posisi kursor saat ini",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Mulai Lagi",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartu",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 dihapus",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Tampilkan bilah gaya saat elemen dipilih di pratinjau langsung. Bawaannya 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Sisi tempat bilah gaya pratinjau langsung menempel: 'atas', 'bawah', 'kiri' atau 'kanan'. Bawaannya 'bawah'",
-  "LIVE_DEV_STYLER_DOCK": "Posisi penempelan",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Pindahkan bilah ke kiri",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pindahkan bilah ke kanan",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Di halaman ini",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Umum",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Putih",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Perak",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Abu-abu",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Hitam",
-  "LIVE_DEV_STYLER_COLOR_RED": "Merah",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Merah Marun",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranye",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Emas",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Kuning",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zaitun",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Hijau Limau",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Hijau",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Hijau Kebiruan",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Sian",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Biru",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Biru Dongker",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Nila",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Ungu",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Merah Muda",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Tampilkan Bilah Gaya"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Buka Definisi",
+  "FIND_ALL_REFERENCES": "Cari Penggunaan"
 });
\ No newline at end of file
diff --git a/src/nls/it/lastTranslated.json b/src/nls/it/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/it/lastTranslated.json
+++ b/src/nls/it/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/it/strings.js b/src/nls/it/strings.js
index 853c895d5f..f4b5cc21cd 100644
--- a/src/nls/it/strings.js
+++ b/src/nls/it/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework del server, attualmente supporta solo Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Ispeziona elemento in Anteprima live al passaggio del mouse ('hover') o al clic ('click'). L'impostazione predefinita è 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Mostra le misurazioni quando gli elementi sono selezionati nell'anteprima dal vivo. L'impostazione predefinita è 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostra la barra degli stili quando gli elementi sono selezionati nell'anteprima dal vivo. Il valore predefinito è 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lato a cui si aggancia la barra degli stili dell'anteprima dal vivo: 'top', 'bottom', 'left' o 'right'. Il valore predefinito è 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Seleziona elemento padre",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Modifica testo",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Doppio clic",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margine e riempimento",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Stile del testo",
+  "LIVE_DEV_STYLER_DOCK": "Posizione di aggancio",
   "LIVE_DEV_STYLER_DOCK_TOP": "Sposta barra in alto",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Sposta barra in basso",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Sposta la barra a sinistra",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sposta la barra a destra",
   "LIVE_DEV_STYLER_RESET": "Ripristina modifiche",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nessuna modifica da ripristinare",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Fatto",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Raggio",
   "LIVE_DEV_STYLER_WIDTH": "Larghezza",
   "LIVE_DEV_STYLER_COLOR": "Colore",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Su questa pagina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuni",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Bianco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argento",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grigio",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Nero",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rosso",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Marrone",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Arancione",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Oro",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Giallo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde acqua",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blu",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Blu navy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indaco",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Viola",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetto",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Stile",
   "LIVE_DEV_STYLER_SOLID": "Solido",
   "LIVE_DEV_STYLER_DASHED": "Tratteggiato",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Modalità di modifica",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Ispeziona elemento al passaggio del mouse",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Mostra misurazioni",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostra barra degli stili",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' mostra solo la pagina web, '{1}' collega la pagina web al tuo codice (fai clic sugli elementi per passare al codice corrispondente e viceversa), '{2}' fornisce l'evidenziazione e la manipolazione avanzata degli elementi.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configura le modalità di Anteprima Live",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "L’Anteprima Live è stata cancellata perché uno strumento di sviluppo è stato aperto nel browser",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Usato {1} volta)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Usato {1} volte)",
   "EDIT": "Modifica",
-  "CMD_JUMPTO_DEFINITION": "Passa alla definizione",
   "CMD_SHOW_PARAMETER_HINT": "Mostra suggerimenti sul parametro",
   "NO_ARGUMENTS": "<nessun parametro>",
   "DETECTED_EXCLUSION_TITLE": "Problema Conseguente File JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Il limite di memoria fornito non è valido. Rivedere le preferenze PHP per impostare il valore corretto.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Impostazioni di configurazione predefinite degli strumenti PHP",
   "OPEN_PREFERENNCES": "Apri Preferenze",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferenze per gli Strumenti Linguistici",
-  "FIND_ALL_REFERENCES": "Trova tutti i riferimenti",
   "REFERENCES_IN_FILES": "riferimenti",
   "REFERENCE_IN_FILES": "riferimento",
   "REFERENCES_NO_RESULTS": "Nessun riferimento disponibile per la posizione corrente del cursore",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Ricomincia",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carte",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminato",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostra la barra degli stili quando gli elementi sono selezionati nell'anteprima dal vivo. Il valore predefinito è 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lato a cui si aggancia la barra degli stili dell'anteprima dal vivo: 'top', 'bottom', 'left' o 'right'. Il valore predefinito è 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Posizione di aggancio",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Sposta la barra a sinistra",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Sposta la barra a destra",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Su questa pagina",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuni",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Bianco",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Argento",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grigio",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Nero",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rosso",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Marrone",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Arancione",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Oro",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Giallo",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde acqua",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blu",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Blu navy",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indaco",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Viola",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetto",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostra barra degli stili"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
+  "CMD_JUMPTO_DEFINITION": "Vai alla definizione",
+  "FIND_ALL_REFERENCES": "Trova utilizzi"
 });
\ No newline at end of file
diff --git a/src/nls/ja/lastTranslated.json b/src/nls/ja/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ja/lastTranslated.json
+++ b/src/nls/ja/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ja/strings.js b/src/nls/ja/strings.js
index ba4f754f2c..4cbf8d87e5 100644
--- a/src/nls/ja/strings.js
+++ b/src/nls/ja/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "サーバーフレームワーク（現在はDocusaurusのみ対応）",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "ライブプレビューで要素を「ホバー」または「クリック」時にインスペクトします。デフォルトは「ホバー」です",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "ライブプレビューで要素を選択した際に寸法を表示します。デフォルトは「false」です",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ライブプレビューで要素を選択したときにスタイルバーを表示します。デフォルトは「true」です",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ライブプレビューのスタイルバーをドッキングする側（「上」、「下」、「左」、または「右」）を指定します。デフォルトは「下」です",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "親要素を選択",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "テキストを編集",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "ダブルクリック",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "マージンとパディング",
   "LIVE_DEV_STYLER_LAYOUT": "レイアウト",
   "LIVE_DEV_STYLER_TEXT_STYLE": "文字スタイル",
+  "LIVE_DEV_STYLER_DOCK": "ドッキング位置",
   "LIVE_DEV_STYLER_DOCK_TOP": "バーを上部に移動",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "バーを下部に移動",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "バーを左へ移動",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "バーを右へ移動",
   "LIVE_DEV_STYLER_RESET": "変更をリセット",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "リセットする変更はありません",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完了",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "半径",
   "LIVE_DEV_STYLER_WIDTH": "幅",
   "LIVE_DEV_STYLER_COLOR": "カラー",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "このページ上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "共通",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "ホワイト",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "シルバー",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "グレー",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "ブラック",
+  "LIVE_DEV_STYLER_COLOR_RED": "レッド",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "マルーン",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "オレンジ",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "ゴールド",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "イエロー",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "オリーブ",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ライム",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "グリーン",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ティール",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "シアン",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "ブルー",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "ネイビー",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "インディゴ",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "パープル",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "マゼンタ",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "バイオレット",
+  "LIVE_DEV_STYLER_COLOR_PINK": "ピンク",
   "LIVE_DEV_STYLER_STYLE": "スタイル",
   "LIVE_DEV_STYLER_SOLID": "実線",
   "LIVE_DEV_STYLER_DASHED": "破線",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "編集モード",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "ホバーで要素を検証",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "寸法を表示",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "スタイルバーを表示",
   "LIVE_PREVIEW_MODE_PREFERENCE": "「{0}」はウェブページのみを表示し、「{1}」はウェブページとコードを接続して要素とコード間をジャンプ可能にし、「{2}」はハイライト表示と高度な要素操作を提供します。",
   "LIVE_PREVIEW_CONFIGURE_MODES": "ライブプレビューモードの設定",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "ブラウザーの開発ツールが開いているため、ライブプレビューはキャンセルされました",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} 回使用)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} 回使用)",
   "EDIT": "編集",
-  "CMD_JUMPTO_DEFINITION": "定義にジャンプ",
   "CMD_SHOW_PARAMETER_HINT": "パラメーターヒントを表示",
   "NO_ARGUMENTS": "<パラメーターがありません>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript ファイルの推論問題",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "指定したメモリ制限は無効です。正しい値を設定するために、PHP の環境設定を確認してください。",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP ツールのデフォルト設定",
   "OPEN_PREFERENNCES": "環境設定を開く",
-  "LANGUAGE_TOOLS_PREFERENCES": "言語ツールの設定",
-  "FIND_ALL_REFERENCES": "すべての参照を検索",
   "REFERENCES_IN_FILES": "参照",
   "REFERENCE_IN_FILES": "参照",
   "REFERENCES_NO_RESULTS": "現在のカーソル位置で利用可能な参照はありません",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "最初からやり直す",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3枚のカード",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1件削除済み",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ライブプレビューで要素を選択したときにスタイルバーを表示します。デフォルトは「true」です",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ライブプレビューのスタイルバーをドッキングする側（「上」、「下」、「左」、または「右」）を指定します。デフォルトは「下」です",
-  "LIVE_DEV_STYLER_DOCK": "ドッキング位置",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "バーを左へ移動",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "バーを右へ移動",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "このページ上",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "共通",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "ホワイト",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "シルバー",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "グレー",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "ブラック",
-  "LIVE_DEV_STYLER_COLOR_RED": "レッド",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "マルーン",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "オレンジ",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "ゴールド",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "イエロー",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "オリーブ",
-  "LIVE_DEV_STYLER_COLOR_LIME": "ライム",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "グリーン",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "ティール",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "シアン",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "ブルー",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "ネイビー",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "インディゴ",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "パープル",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "マゼンタ",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "バイオレット",
-  "LIVE_DEV_STYLER_COLOR_PINK": "ピンク",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "スタイルバーを表示"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} (情報: {1})",
+  "CMD_JUMPTO_DEFINITION": "定義へ移動",
+  "FIND_ALL_REFERENCES": "使用箇所を検索"
 });
\ No newline at end of file
diff --git a/src/nls/ko/lastTranslated.json b/src/nls/ko/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ko/lastTranslated.json
+++ b/src/nls/ko/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ko/strings.js b/src/nls/ko/strings.js
index d6fce71632..63dd6eb23f 100644
--- a/src/nls/ko/strings.js
+++ b/src/nls/ko/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "서버 프레임워크, 현재 docusaurus만 지원합니다",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "라이브 미리보기에서 '가리키기' 또는 '클릭' 시 요소를 검사합니다. 기본값은 '가리키기'입니다.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "실시간 미리보기에서 요소를 선택하면 측정값을 표시합니다. 기본값은 '펄스'입니다.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "라이브 미리보기에서 요소를 선택하면 스타일 바를 표시합니다. 기본값은 'true'입니다.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "라이브 미리보기 스타일 바를 도킹할 위치('top', 'bottom', 'left' 또는 'right')입니다. 기본값은 'bottom'입니다.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "부모 선택",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "텍스트 편집",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "더블 클릭",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "마진 및 패딩",
   "LIVE_DEV_STYLER_LAYOUT": "레이아웃",
   "LIVE_DEV_STYLER_TEXT_STYLE": "텍스트 스타일",
+  "LIVE_DEV_STYLER_DOCK": "도킹 위치",
   "LIVE_DEV_STYLER_DOCK_TOP": "상단으로 이동",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "하단으로 이동",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "바를 왼쪽으로 이동",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "바를 오른쪽으로 이동",
   "LIVE_DEV_STYLER_RESET": "변경 사항 초기화",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "초기화할 변경 사항이 없습니다",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "완료",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "반경",
   "LIVE_DEV_STYLER_WIDTH": "너비",
   "LIVE_DEV_STYLER_COLOR": "색상",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "페이지 내",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "공통",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "흰색",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "은색",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "회색",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "검정",
+  "LIVE_DEV_STYLER_COLOR_RED": "빨강",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "마룬",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "주황",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "금색",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "노랑",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "올리브",
+  "LIVE_DEV_STYLER_COLOR_LIME": "라임",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "초록",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "틸",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "시안",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "파란색",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "남색",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "인디고",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "보라색",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "마젠타",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "바이올렛",
+  "LIVE_DEV_STYLER_COLOR_PINK": "분홍색",
   "LIVE_DEV_STYLER_STYLE": "스타일",
   "LIVE_DEV_STYLER_SOLID": "실선",
   "LIVE_DEV_STYLER_DASHED": "파선",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "편집 모드",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "호버 시 요소 검사",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "측정값 표시",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "스타일 바 표시",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}'은(는) 웹페이지만 표시하고, '{1}'은(는) 웹페이지를 코드에 연결하여 요소를 클릭하면 해당 코드로 이동하거나 그 반대로 이동할 수 있으며, '{2}'은(는) 고급 요소 조작과 함께 강조 표시를 제공합니다.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "라이브 미리보기 모드 설정",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "브라우저의 개발 도구가 열려 있기 때문에 실시간 미리보기가 취소되었습니다뷰.",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1}시간 사용)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1}시간 사용)",
   "EDIT": "편집",
-  "CMD_JUMPTO_DEFINITION": "정의로 이동",
   "CMD_SHOW_PARAMETER_HINT": "파라메터 정보를 표시",
   "NO_ARGUMENTS": "<매개변수가 없습니다>",
   "DETECTED_EXCLUSION_TITLE": "자바스크립트 파일 추론 문제",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "제공된 메모리 제한이 잘못되었습니다. 올바른 값을 설정하려면 PHP 환경 설정을 검토하세요.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP 도구 기본 구성 설정",
   "OPEN_PREFERENNCES": "환경설정 열기",
-  "LANGUAGE_TOOLS_PREFERENCES": "언어 도구 기본 설정",
-  "FIND_ALL_REFERENCES": "모든 참조 찾기",
   "REFERENCES_IN_FILES": "참조",
   "REFERENCE_IN_FILES": "참조",
   "REFERENCES_NO_RESULTS": "현재 커서 위치에 대한 참조를 찾을 수 없습니다.",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "다시 시작",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 카드",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 삭제됨",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "라이브 미리보기에서 요소를 선택하면 스타일 바를 표시합니다. 기본값은 'true'입니다.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "라이브 미리보기 스타일 바를 도킹할 위치('top', 'bottom', 'left' 또는 'right')입니다. 기본값은 'bottom'입니다.",
-  "LIVE_DEV_STYLER_DOCK": "도킹 위치",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "바를 왼쪽으로 이동",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "바를 오른쪽으로 이동",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "페이지 내",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "공통",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "흰색",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "은색",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "회색",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "검정",
-  "LIVE_DEV_STYLER_COLOR_RED": "빨강",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "마룬",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "주황",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "금색",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "노랑",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "올리브",
-  "LIVE_DEV_STYLER_COLOR_LIME": "라임",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "초록",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "틸",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "시안",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "파란색",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "남색",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "인디고",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "보라색",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "마젠타",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "바이올렛",
-  "LIVE_DEV_STYLER_COLOR_PINK": "분홍색",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "스타일 바 표시"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} 정보)",
+  "CMD_JUMPTO_DEFINITION": "정의로 이동",
+  "FIND_ALL_REFERENCES": "사용 위치 찾기"
 });
\ No newline at end of file
diff --git a/src/nls/lv/lastTranslated.json b/src/nls/lv/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/lv/lastTranslated.json
+++ b/src/nls/lv/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/lv/strings.js b/src/nls/lv/strings.js
index fbc9ac6d5b..26e065997a 100644
--- a/src/nls/lv/strings.js
+++ b/src/nls/lv/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Servera karkass, pašlaik atbalsta tikai docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Pārbaudīt elementu tiešraides priekšskatījumā, uzvirzot kursoru ('hover') vai noklikšķinot ('click'). Noklusējums ir 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Rādīt mērījumus, kad tiešsaistes priekšskatījumā ir atlasīti elementi. Noklusējuma vērtība ir 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Rādīt stilu joslu, kad elementi ir atlasīti tiešraides priekšskatījumā. Noklusējuma vērtība ir 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Puse, kurai tiek piestiprināta tiešraides priekšskatījuma stilu josla: 'top', 'bottom', 'left' vai 'right'. Noklusējuma vērtība ir 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Atlasīt vecākelementu",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Rediģēt tekstu",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dubultklikšķis",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Atkāpes un polsterējums",
   "LIVE_DEV_STYLER_LAYOUT": "Izkārtojums",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Teksta stils",
+  "LIVE_DEV_STYLER_DOCK": "Piestiprināšanas pozīcija",
   "LIVE_DEV_STYLER_DOCK_TOP": "Pārvietot joslu uz augšu",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Pārvietot joslu uz leju",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Pārvietot joslu pa kreisi",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pārvietot joslu pa labi",
   "LIVE_DEV_STYLER_RESET": "Atiestatīt izmaiņas",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nav izmaiņu, ko atiestatīt",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Darīts",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Rādiuss",
   "LIVE_DEV_STYLER_WIDTH": "Platums",
   "LIVE_DEV_STYLER_COLOR": "Krāsa",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Šajā lapā",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Biežāk lietotie",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Balts",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sudraba",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Pelēks",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Melns",
+  "LIVE_DEV_STYLER_COLOR_RED": "Sarkans",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžs",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zelts",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Dzeltens",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olīvu",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Laima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zaļš",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Zilganzaļš",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciāna",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Zila",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Tumši zila",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpursarkana",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Madženta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rozā",
   "LIVE_DEV_STYLER_STYLE": "Stils",
   "LIVE_DEV_STYLER_SOLID": "Vienlaidus",
   "LIVE_DEV_STYLER_DASHED": "Pārtraukts",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Rediģēšanas režīms",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Pārbaudīt elementu, uzvirzoties",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Rādīt mērījumus",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Rādīt stilu joslu",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' rāda tikai tīmekļa lapu, '{1}' savieno tīmekļa lapu ar jūsu kodu - noklikšķiniet uz elementiem, lai pārietu uz to kodu un otrādi, '{2}' nodrošina iezīmēšanu kopā ar paplašinātu elementu manipulāciju.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurēt tiešā priekšskatījuma režīmus",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Tiešais priekšskatījums tika atcelts, jo bija atvērti pārlūka izstrādātāja rīki",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (lietots {1} reizi)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (lietots {1} reizes)",
   "EDIT": "Rediģēt",
-  "CMD_JUMPTO_DEFINITION": "Pārlēkt uz definīciju",
   "CMD_SHOW_PARAMETER_HINT": "Rādīt parametru ieteikumus",
   "NO_ARGUMENTS": "<nav argumentu>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript datnes izveduma problēma",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Jūsu norādītais atmiņas limits nav derīgs. Pārskatiet PHP preferences, lai iestatītu pareizo vērtību.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP rīku noklusējuma konfigurācijas iestatījumi",
   "OPEN_PREFERENNCES": "Atvērt preferences",
-  "LANGUAGE_TOOLS_PREFERENCES": "Valodu rīku preferences",
-  "FIND_ALL_REFERENCES": "Atrast visas atsauces",
   "REFERENCES_IN_FILES": "atsauces",
   "REFERENCE_IN_FILES": "atsauce",
   "REFERENCES_NO_RESULTS": "Nav pieejamas atsauces pašreizējai kursora pozīcijai",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Sākt no jauna",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kartītes",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 izdzēsts",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Rādīt stilu joslu, kad elementi ir atlasīti tiešraides priekšskatījumā. Noklusējuma vērtība ir 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Puse, kurai tiek piestiprināta tiešraides priekšskatījuma stilu josla: 'top', 'bottom', 'left' vai 'right'. Noklusējuma vērtība ir 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Piestiprināšanas pozīcija",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Pārvietot joslu pa kreisi",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Pārvietot joslu pa labi",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Šajā lapā",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Biežāk lietotie",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Balts",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Sudraba",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Pelēks",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Melns",
-  "LIVE_DEV_STYLER_COLOR_RED": "Sarkans",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžs",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Zelts",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Dzeltens",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olīvu",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Laima",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zaļš",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Zilganzaļš",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciāna",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Zila",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Tumši zila",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpursarkana",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Madženta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rozā",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Rādīt stilu joslu"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Doties uz definīciju",
+  "FIND_ALL_REFERENCES": "Atrast atsauces"
 });
\ No newline at end of file
diff --git a/src/nls/ml/lastTranslated.json b/src/nls/ml/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ml/lastTranslated.json
+++ b/src/nls/ml/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ml/strings.js b/src/nls/ml/strings.js
index 24cc1068c8..6d58630c50 100644
--- a/src/nls/ml/strings.js
+++ b/src/nls/ml/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "സെർവർ ഫ്രെയിംവർക്ക്, നിലവിൽ ഡോക്യുസോറസ് മാത്രമേ പിന്തുണയ്ക്കുന്നുള്ളൂ",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "ലൈവ് പ്രിവ്യൂവിൽ 'ഹോവർ' ചെയ്യുമ്പോഴോ 'ക്ലിക്ക്' ചെയ്യുമ്പോഴോ എലമെന്റ് പരിശോധിക്കുക. ഡിഫോൾട്ടായി 'ഹോവർ' ആയിരിക്കും",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "ലൈവ് പ്രിവ്യൂവിൽ എലമെന്റുകൾ തിരഞ്ഞെടുക്കുമ്പോൾ അളവുകൾ കാണിക്കുക. ഡിഫോൾട്ടായി 'ഫാൾസ്' ആയിരിക്കും",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ലൈവ് പ്രിവ്യൂവിൽ ഘടകങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ സ്റ്റൈൽസ് ബാർ കാണിക്കുക. ഡിഫോൾട്ടായി 'true' ആണ്",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ലൈവ് പ്രിവ്യൂ സ്റ്റൈൽസ് ബാർ ഏത് വശത്തേക്ക് ഡോക്ക് ചെയ്യണം: 'top', 'bottom', 'left' അല്ലെങ്കിൽ 'right'. ഡിഫോൾട്ടായി 'bottom' ആണ്",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "പാരന്റ് തിരഞ്ഞെടുക്കുക",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "ടെക്സ്റ്റ് എഡിറ്റ് ചെയ്യുക",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "ഡബിൾ-ക്ലിക്ക്",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "മാർജിൻ & പാഡിംഗ്",
   "LIVE_DEV_STYLER_LAYOUT": "ലേഔട്ട്",
   "LIVE_DEV_STYLER_TEXT_STYLE": "ടെക്സ്റ്റ് ശൈലി",
+  "LIVE_DEV_STYLER_DOCK": "ഡോക്ക് സ്ഥാനം",
   "LIVE_DEV_STYLER_DOCK_TOP": "ബാർ മുകളിലേക്ക് മാറ്റുക",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "ബാർ താഴേക്ക് മാറ്റുക",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "ബാർ ഇടത്തേക്ക് നീക്കുക",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "ബാർ വലത്തേക്ക് നീക്കുക",
   "LIVE_DEV_STYLER_RESET": "മാറ്റങ്ങൾ റീസെറ്റ് ചെയ്യുക",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "റീസെറ്റ് ചെയ്യാൻ മാറ്റങ്ങളൊന്നും ഇല്ല",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "പൂർത്തിയായി",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "റേഡിയസ്",
   "LIVE_DEV_STYLER_WIDTH": "വീതി",
   "LIVE_DEV_STYLER_COLOR": "നിറം",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "ഈ പേജിൽ",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "പൊതുവായ",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "വെള്ള",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "സിൽവർ",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "ചാരനിറം",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "കറുപ്പ്",
+  "LIVE_DEV_STYLER_COLOR_RED": "ചുവപ്പ്",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "മെറൂൺ",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "ഓറഞ്ച്",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "സ്വർണ്ണം",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "മഞ്ഞ",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "ഒലിവ്",
+  "LIVE_DEV_STYLER_COLOR_LIME": "ലൈം",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "പച്ച",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ടീൽ",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "സിയാൻ",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "നീല",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "നേവി",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "ഇൻഡിഗോ",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "പർപ്പിൾ",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "മജന്ത",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "വയലറ്റ്",
+  "LIVE_DEV_STYLER_COLOR_PINK": "പിങ്ക്",
   "LIVE_DEV_STYLER_STYLE": "ശൈലി",
   "LIVE_DEV_STYLER_SOLID": "സോളിഡ്",
   "LIVE_DEV_STYLER_DASHED": "ഡാഷ്ഡ്",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "എഡിറ്റ് മോഡ്",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "ഹോവറിൽ ഘടകം പരിശോധിക്കുക",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "അളവുകൾ കാണിക്കുക",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "ശൈലികൾ ബാർ കാണിക്കുക",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' വെബ്പേജ് മാത്രം കാണിക്കുന്നു, '{1}' വെബ്പേജിനെ നിങ്ങളുടെ കോഡുമായി ബന്ധിപ്പിക്കുന്നു - എലമെന്റുകളിൽ ക്ലിക്ക് ചെയ്ത് അവയുടെ കോഡിലേക്കും തിരിച്ചും പോകാം, '{2}' ഹൈലൈറ്റിംഗും നൂതന എലമെന്റ് കൈകാര്യം ചെയ്യലും നൽകുന്നു",
   "LIVE_PREVIEW_CONFIGURE_MODES": "ലൈവ് പ്രിവ്യൂ മോഡുകൾ കോൺഫിഗർ ചെയ്യുക",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "ബ്രൗസറിന്റെ ഡെവലപ്പർ ടൂളുകൾ തുറന്നതിനാൽ ലൈവ് പ്രിവ്യൂ റദ്ദാക്കി",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} തവണ ഉപയോഗിച്ചു)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (ഉപയോഗിച്ചത് {1} തവണ)",
   "EDIT": "എഡിറ്റ് ചെയ്യുക",
-  "CMD_JUMPTO_DEFINITION": "നിർവചനത്തിലേക്ക് പോവുക",
   "CMD_SHOW_PARAMETER_HINT": "പാരാമീറ്റർ സൂചന കാണിക്കുക",
   "NO_ARGUMENTS": "<no parameters>",
   "DETECTED_EXCLUSION_TITLE": "ജാവാസ്ക്രിപ്റ്റ് ഫയൽ ഇൻഫറൻസ് പ്രശ്നം",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "നിങ്ങൾ നൽകിയ മെമ്മറി പരിധി അസാധുവാണ്. ശരിയായ മൂല്യം സജ്ജമാക്കാൻ PHP മുൻഗണനകൾ പരിശോധിക്കുക.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP ടൂളിംഗ് സ്ഥിര കോൺഫിഗറേഷൻ ക്രമീകരണങ്ങൾ",
   "OPEN_PREFERENNCES": "മുൻഗണനകൾ തുറക്കുക",
-  "LANGUAGE_TOOLS_PREFERENCES": "ഭാഷാ ഉപകരണങ്ങൾക്കുള്ള ക്രമീകരണങ്ങൾ",
-  "FIND_ALL_REFERENCES": "എല്ലാ റഫറൻസുകളും കണ്ടെത്തുക",
   "REFERENCES_IN_FILES": "റഫറൻസുകൾ",
   "REFERENCE_IN_FILES": "റഫറൻസ്",
   "REFERENCES_NO_RESULTS": "നിലവിലെ കഴ്‌സർ സ്ഥാനത്തിന് റഫറൻസുകൾ ലഭ്യമല്ല",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "വീണ്ടും ആരംഭിക്കുക",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 കാർഡുകൾ",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 ഇല്ലാതാക്കി",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "ലൈവ് പ്രിവ്യൂവിൽ ഘടകങ്ങൾ തിരഞ്ഞെടുക്കുമ്പോൾ സ്റ്റൈൽസ് ബാർ കാണിക്കുക. ഡിഫോൾട്ടായി 'true' ആണ്",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "ലൈവ് പ്രിവ്യൂ സ്റ്റൈൽസ് ബാർ ഏത് വശത്തേക്ക് ഡോക്ക് ചെയ്യണം: 'top', 'bottom', 'left' അല്ലെങ്കിൽ 'right'. ഡിഫോൾട്ടായി 'bottom' ആണ്",
-  "LIVE_DEV_STYLER_DOCK": "ഡോക്ക് സ്ഥാനം",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "ബാർ ഇടത്തേക്ക് നീക്കുക",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "ബാർ വലത്തേക്ക് നീക്കുക",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "ഈ പേജിൽ",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "പൊതുവായ",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "വെള്ള",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "സിൽവർ",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "ചാരനിറം",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "കറുപ്പ്",
-  "LIVE_DEV_STYLER_COLOR_RED": "ചുവപ്പ്",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "മെറൂൺ",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "ഓറഞ്ച്",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "സ്വർണ്ണം",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "മഞ്ഞ",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "ഒലിവ്",
-  "LIVE_DEV_STYLER_COLOR_LIME": "ലൈം",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "പച്ച",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "ടീൽ",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "സിയാൻ",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "നീല",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "നേവി",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "ഇൻഡിഗോ",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "പർപ്പിൾ",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "മജന്ത",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "വയലറ്റ്",
-  "LIVE_DEV_STYLER_COLOR_PINK": "പിങ്ക്",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "ശൈലികൾ ബാർ കാണിക്കുക"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} വിവരം)",
+  "CMD_JUMPTO_DEFINITION": "നിർവചനത്തിലേക്ക് പോകുക",
+  "FIND_ALL_REFERENCES": "ഉപയോഗങ്ങൾ കണ്ടെത്തുക"
 });
\ No newline at end of file
diff --git a/src/nls/nb/lastTranslated.json b/src/nls/nb/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/nb/lastTranslated.json
+++ b/src/nls/nb/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/nb/strings.js b/src/nls/nb/strings.js
index bddcfc5aad..ac437d1950 100644
--- a/src/nls/nb/strings.js
+++ b/src/nls/nb/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Serverrammeverk, støtter for øyeblikket bare Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspiser element i sanntidsvisning ved 'peking' eller 'klikk'. Standard er 'peking'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Vis mål når elementer velges i direkte forhåndsvisning. Standard er 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stil-linjen når elementer er valgt i direkte forhåndsvisning. Standardverdi er 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stil-linjen for direkte forhåndsvisning festes til: 'topp', 'bunn', 'venstre' eller 'høyre'. Standardverdi er 'bunn'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Velg overordnet",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Rediger tekst",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dobbeltklikk",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marg og polstring",
   "LIVE_DEV_STYLER_LAYOUT": "Oppsett",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststil",
+  "LIVE_DEV_STYLER_DOCK": "Festeposisjon",
   "LIVE_DEV_STYLER_DOCK_TOP": "Flytt linjen til toppen",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytt linjen til bunnen",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytt linjen til venstre",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytt linjen til høyre",
   "LIVE_DEV_STYLER_RESET": "Tilbakestill endringer",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Ingen endringer å tilbakestille",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Ferdig",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Bredde",
   "LIVE_DEV_STYLER_COLOR": "Farge",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanlige",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oransje",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Gull",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grønn",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Blågrønn",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fiolett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Heltrukken",
   "LIVE_DEV_STYLER_DASHED": "Stiplet",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Redigeringsmodus",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspiser element ved peker over",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Vis mål",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stillinje",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' viser kun nettsiden, '{1}' kobler nettsiden til koden din – klikk på elementer for å hoppe til koden deres og omvendt, '{2}' gir utheving sammen med avansert elementmanipulering.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurer forhåndsvisningsmoduser",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live Preview ble kansellert fordi nettleserens utviklerverktøy ble åpnet",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Brukt {1} gang)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Brukt {1} ganger)",
   "EDIT": "Rediger",
-  "CMD_JUMPTO_DEFINITION": "Hopp til definisjonen",
   "CMD_SHOW_PARAMETER_HINT": "Vis parameter hint",
   "NO_ARGUMENTS": "<ingen parametere>",
   "DETECTED_EXCLUSION_TITLE": "Problem med filinferens i JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Minnegrensen du oppga er ugyldig. Se over PHP-innstillingene for å angi riktig verdi.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Standard konfigurasjonsinnstillinger for PHP-verktøy",
   "OPEN_PREFERENNCES": "Åpne innstillinger",
-  "LANGUAGE_TOOLS_PREFERENCES": "Innstillinger for språkverktøy",
-  "FIND_ALL_REFERENCES": "Finn alle referanser",
   "REFERENCES_IN_FILES": "referanser",
   "REFERENCE_IN_FILES": "referanse",
   "REFERENCES_NO_RESULTS": "Ingen referanser tilgjengelig for gjeldende markørposisjon",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Start på nytt",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 slettet",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Vis stil-linjen når elementer er valgt i direkte forhåndsvisning. Standardverdi er 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Hvilken side stil-linjen for direkte forhåndsvisning festes til: 'topp', 'bunn', 'venstre' eller 'høyre'. Standardverdi er 'bunn'",
-  "LIVE_DEV_STYLER_DOCK": "Festeposisjon",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytt linjen til venstre",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytt linjen til høyre",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På siden",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanlige",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Hvit",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Sølv",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rød",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Rødbrun",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oransje",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Gull",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliven",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Grønn",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Blågrønn",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblå",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lilla",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fiolett",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Vis stillinje"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Gå til definisjon",
+  "FIND_ALL_REFERENCES": "Finn bruk"
 });
\ No newline at end of file
diff --git a/src/nls/nl/lastTranslated.json b/src/nls/nl/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/nl/lastTranslated.json
+++ b/src/nls/nl/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/nl/strings.js b/src/nls/nl/strings.js
index 219133896e..59dc10bbb0 100644
--- a/src/nls/nl/strings.js
+++ b/src/nls/nl/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Serverframework, ondersteunt momenteel alleen Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Element inspecteren in Live Voorbeeld bij 'hover' of 'klik'. Standaard is 'hover'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Toon afmetingen wanneer elementen zijn geselecteerd in de live voorvertoning. Standaard is 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Toon de stijlbalk wanneer elementen zijn geselecteerd in de live voorvertoning. Standaard is 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Aan welke kant de stijlbalk van de live voorvertoning wordt vastgezet: 'top', 'bottom', 'left' of 'right'. Standaard is 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Selecteer bovenliggend element",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Tekst bewerken",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dubbelklik",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marge & opvulling",
   "LIVE_DEV_STYLER_LAYOUT": "Lay-out",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Tekststijl",
+  "LIVE_DEV_STYLER_DOCK": "Dockpositie",
   "LIVE_DEV_STYLER_DOCK_TOP": "Balk naar boven verplaatsen",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Balk naar beneden verplaatsen",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Verplaats balk naar links",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Verplaats balk naar rechts",
   "LIVE_DEV_STYLER_RESET": "Wijzigingen resetten",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Geen wijzigingen om te resetten",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Gedaan",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radius",
   "LIVE_DEV_STYLER_WIDTH": "Breedte",
   "LIVE_DEV_STYLER_COLOR": "Kleur",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Op de pagina",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Algemeen",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Wit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Zilver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grijs",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Zwart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Rood",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroen",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranje",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Goud",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Geel",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olijfgroen",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limoengroen",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Groen",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyaan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blauw",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblauw",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Paars",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Roze",
   "LIVE_DEV_STYLER_STYLE": "Stijl",
   "LIVE_DEV_STYLER_SOLID": "Effen",
   "LIVE_DEV_STYLER_DASHED": "Gestreept",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Bewerken",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Element inspecteren bij hoveren",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Afmetingen weergeven",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stijlenbalk tonen",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' toont alleen de webpagina, '{1}' verbindt de webpagina met uw code - klik op elementen om naar hun code te springen en omgekeerd, '{2}' biedt markering en geavanceerde elementmanipulatie",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Live preview-modi configureren",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live Voorbeeld is geannuleerd omdat de developer tools in de browser zijn geopend",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} keer gebruikt)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} keer gebruikt)",
   "EDIT": "Bewerken",
-  "CMD_JUMPTO_DEFINITION": "Ga naar definitie",
   "CMD_SHOW_PARAMETER_HINT": "Toon parameter hint",
   "NO_ARGUMENTS": "<geen parameters>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript File Inference Problem",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "De door u opgegeven geheugenlimiet is ongeldig. Controleer de PHP-voorkeuren om de juiste waarde in te stellen.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Standaardconfiguratie-instellingen voor PHP-tools",
   "OPEN_PREFERENNCES": "Voorkeuren openen",
-  "LANGUAGE_TOOLS_PREFERENCES": "Voorkeuren voor Taalhulpmiddelen",
-  "FIND_ALL_REFERENCES": "Alle verwijzingen zoeken",
   "REFERENCES_IN_FILES": "verwijzingen",
   "REFERENCE_IN_FILES": "verwijzing",
   "REFERENCES_NO_RESULTS": "Geen verwijzingen beschikbaar voor de huidige cursorpositie",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Opnieuw beginnen",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kaarten",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 verwijderd",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Toon de stijlbalk wanneer elementen zijn geselecteerd in de live voorvertoning. Standaard is 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Aan welke kant de stijlbalk van de live voorvertoning wordt vastgezet: 'top', 'bottom', 'left' of 'right'. Standaard is 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Dockpositie",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Verplaats balk naar links",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Verplaats balk naar rechts",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Op de pagina",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Algemeen",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Wit",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Zilver",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grijs",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Zwart",
-  "LIVE_DEV_STYLER_COLOR_RED": "Rood",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Maroen",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranje",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Goud",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Geel",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olijfgroen",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limoengroen",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Groen",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Teal",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyaan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blauw",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marineblauw",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Paars",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Roze",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stijlenbalk tonen"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Ga naar definitie",
+  "FIND_ALL_REFERENCES": "Alle verwijzingen zoeken"
 });
\ No newline at end of file
diff --git a/src/nls/pl/lastTranslated.json b/src/nls/pl/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/pl/lastTranslated.json
+++ b/src/nls/pl/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/pl/strings.js b/src/nls/pl/strings.js
index ab8367c8ff..77a6b9c517 100644
--- a/src/nls/pl/strings.js
+++ b/src/nls/pl/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework serwera, obecnie obsługuje tylko Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Zbadaj element w podglądzie na żywo po najechaniu kursorem („hover”) lub kliknięciu („click”). Wartość domyślna to „hover”.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Pokaż wymiary, gdy elementy są zaznaczone w podglądzie na żywo. Domyślnie 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Pokaż pasek stylów, gdy elementy są zaznaczone w podglądzie na żywo. Wartość domyślna to „true”.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strona, do której dokuje pasek stylów podglądu na żywo: „top”, „bottom”, „left” lub „right”. Wartość domyślna to „bottom”.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Wybierz element nadrzędny",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Edytuj tekst",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Kliknij dwukrotnie",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margines i dopełnienie",
   "LIVE_DEV_STYLER_LAYOUT": "Układ",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Styl tekstu",
+  "LIVE_DEV_STYLER_DOCK": "Pozycja dokowania",
   "LIVE_DEV_STYLER_DOCK_TOP": "Przesuń pasek na górę",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Przesuń pasek na dół",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Przesuń pasek w lewo",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Przesuń pasek w prawo",
   "LIVE_DEV_STYLER_RESET": "Zresetuj zmiany",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Brak zmian do zresetowania",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Gotowe",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Promień",
   "LIVE_DEV_STYLER_WIDTH": "Szerokość",
   "LIVE_DEV_STYLER_COLOR": "Kolor",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na tej stronie",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Powszechne",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Biały",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrny",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Szary",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Czarny",
+  "LIVE_DEV_STYLER_COLOR_RED": "Czerwony",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Kasztanowy",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Pomarańczowy",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Złoty",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Żółty",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliwkowy",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limonkowy",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zielony",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Morski",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyjan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Niebieski",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Granatowy",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indygo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpurowy",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fioletowy",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Różowy",
   "LIVE_DEV_STYLER_STYLE": "Styl",
   "LIVE_DEV_STYLER_SOLID": "Ciągły",
   "LIVE_DEV_STYLER_DASHED": "Przerywany",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Tryb edycji",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Zbadaj element przy najechaniu",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Pokaż wymiary",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Pokaż pasek stylów",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' pokazuje tylko stronę internetową, '{1}' łączy stronę internetową z kodem - klikaj elementy, aby przejść do ich kodu i na odwrót, '{2}' zapewnia podświetlanie oraz zaawansowaną manipulację elementami",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfiguruj tryby podglądu na żywo",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Podgląd na żywo został wyłączony, ponieważ uruchomiono narzędzia dla programistów w przeglądarce",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (użyto {1} raz)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (użyto {1} razy)",
   "EDIT": "Edytuj",
-  "CMD_JUMPTO_DEFINITION": "Przejdź do definicji",
   "CMD_SHOW_PARAMETER_HINT": "Pokaż podpowiedź (parametr)",
   "NO_ARGUMENTS": "<brak parametrów>",
   "DETECTED_EXCLUSION_TITLE": "Błąd podczas sprawdzania poprawności kodu JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Podany limit pamięci jest nieprawidłowy. Sprawdź preferencje PHP, aby ustawić poprawną wartość.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Domyślne ustawienia konfiguracji narzędzi PHP",
   "OPEN_PREFERENNCES": "Otwórz preferencje",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferencje narzędzi językowych",
-  "FIND_ALL_REFERENCES": "Znajdź wszystkie odwołania",
   "REFERENCES_IN_FILES": "odwołania",
   "REFERENCE_IN_FILES": "odwołanie",
   "REFERENCES_NO_RESULTS": "Brak dostępnych odwołań dla bieżącej pozycji kursora",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Zacznij od nowa",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 usunięto",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Pokaż pasek stylów, gdy elementy są zaznaczone w podglądzie na żywo. Wartość domyślna to „true”.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strona, do której dokuje pasek stylów podglądu na żywo: „top”, „bottom”, „left” lub „right”. Wartość domyślna to „bottom”.",
-  "LIVE_DEV_STYLER_DOCK": "Pozycja dokowania",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Przesuń pasek w lewo",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Przesuń pasek w prawo",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na tej stronie",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Powszechne",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Biały",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Srebrny",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Szary",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Czarny",
-  "LIVE_DEV_STYLER_COLOR_RED": "Czerwony",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Kasztanowy",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Pomarańczowy",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Złoty",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Żółty",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliwkowy",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limonkowy",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zielony",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Morski",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyjan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Niebieski",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Granatowy",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indygo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Purpurowy",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Fioletowy",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Różowy",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Pokaż pasek stylów"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} informacji)",
+  "CMD_JUMPTO_DEFINITION": "Przejdź do definicji",
+  "FIND_ALL_REFERENCES": "Znajdź użycia"
 });
\ No newline at end of file
diff --git a/src/nls/pt-br/lastTranslated.json b/src/nls/pt-br/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/pt-br/lastTranslated.json
+++ b/src/nls/pt-br/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/pt-br/strings.js b/src/nls/pt-br/strings.js
index 086dac36e9..6aecc66d57 100644
--- a/src/nls/pt-br/strings.js
+++ b/src/nls/pt-br/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework do Servidor, atualmente suporta apenas Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspecionar elemento na Visualização ao Vivo com 'hover' ou 'click'. O padrão é 'hover'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Mostrar medidas quando elementos são selecionados na visualização ao vivo. O padrão é 'falso'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando elementos são selecionados na visualização ao vivo. O padrão é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado em que a barra de estilos da visualização ao vivo é fixada: 'top', 'bottom', 'left' ou 'right'. O padrão é 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Selecionar Pai",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Editar Texto",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Clique duplo",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK": "Posição de encaixe",
   "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
   "LIVE_DEV_STYLER_RESET": "Redefinir alterações",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nenhuma alteração para redefinir",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Raio",
   "LIVE_DEV_STYLER_WIDTH": "Largura",
   "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinza",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Estilo",
   "LIVE_DEV_STYLER_SOLID": "Sólida",
   "LIVE_DEV_STYLER_DASHED": "Tracejada",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Modo de Edição",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspecionar Elemento ao Passar o Mouse",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Exibir Medidas",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' exibe apenas a página da web, '{1}' conecta a página da web ao seu código - clique nos elementos para ir para o código deles e vice-versa, '{2}' fornece realce juntamente com manipulação avançada de elementos",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurar Modos de Visualização em Tempo Real",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "O Live Preview foi cancelado pois as ferramentas de desenvolvedor do navegador foram abertas",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (usada {1} vez)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (usada {1} vezes)",
   "EDIT": "Editar",
-  "CMD_JUMPTO_DEFINITION": "Pular para definição",
   "CMD_SHOW_PARAMETER_HINT": "Mostrar dicas de parâmetro",
   "NO_ARGUMENTS": "<nenhum parâmetro>",
   "DETECTED_EXCLUSION_TITLE": "Problema de inferência de arquivo JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "O limite de memória fornecido é inválido. Revise as preferências do PHP para definir o valor correto.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Configurações padrão das Ferramentas PHP",
   "OPEN_PREFERENNCES": "Abrir Preferências",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferências para Ferramentas de Idioma",
-  "FIND_ALL_REFERENCES": "Localizar Todas as Referências",
   "REFERENCES_IN_FILES": "referências",
   "REFERENCE_IN_FILES": "referência",
   "REFERENCES_NO_RESULTS": "Nenhuma referência disponível para a posição atual do cursor",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 excluído",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando elementos são selecionados na visualização ao vivo. O padrão é 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Lado em que a barra de estilos da visualização ao vivo é fixada: 'top', 'bottom', 'left' ou 'right'. O padrão é 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Posição de encaixe",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Prata",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinza",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
-  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Oliva",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Informações)",
+  "CMD_JUMPTO_DEFINITION": "Ir para Definição",
+  "FIND_ALL_REFERENCES": "Encontrar Usos"
 });
\ No newline at end of file
diff --git a/src/nls/pt-pt/lastTranslated.json b/src/nls/pt-pt/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/pt-pt/lastTranslated.json
+++ b/src/nls/pt-pt/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/pt-pt/strings.js b/src/nls/pt-pt/strings.js
index 1050059df1..dbf63b4821 100644
--- a/src/nls/pt-pt/strings.js
+++ b/src/nls/pt-pt/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework do Servidor, atualmente suporta apenas o Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspecionar elemento na Pré-visualização em Direto ao 'passar o rato' ou 'clicar'. A predefinição é 'passar o rato'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Mostrar medidas quando os elementos são selecionados na pré-visualização em tempo real. A predefinição é 'falso'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando os elementos são selecionados na pré-visualização em tempo real. O valor predefinido é 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "O lado em que a barra de estilos da pré-visualização em tempo real é ancorada: 'top', 'bottom', 'left' ou 'right'. O valor predefinido é 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Selecionar elemento pai",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Editar Texto",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Clique duplo",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margem e preenchimento",
   "LIVE_DEV_STYLER_LAYOUT": "Disposição",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Estilo do texto",
+  "LIVE_DEV_STYLER_DOCK": "Posição de ancoragem",
   "LIVE_DEV_STYLER_DOCK_TOP": "Mover barra para cima",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mover barra para baixo",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
   "LIVE_DEV_STYLER_RESET": "Repor alterações",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sem alterações para repor",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Concluído",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Raio",
   "LIVE_DEV_STYLER_WIDTH": "Largura",
   "LIVE_DEV_STYLER_COLOR": "Cor",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Prateado",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinzento",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
+  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Azeitona",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Estilo",
   "LIVE_DEV_STYLER_SOLID": "Sólido",
   "LIVE_DEV_STYLER_DASHED": "Tracejado",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Modo Edição",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspecionar elemento ao pairar",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Mostrar Medidas",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' mostra apenas a página web, '{1}' liga a página web ao seu código - clique nos elementos para saltar para o respetivo código e vice-versa, '{2}' disponibiliza realce juntamente com manipulação avançada de elementos",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurar Modos de Pré-visualização em Tempo Real",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "A Pré-visualização Dinâmica foi cancelada porque as ferramentas de desenvolvimento do navegador foram abertas",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Usado {1} vez)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Utilizado {1} vezes)",
   "EDIT": "Editar",
-  "CMD_JUMPTO_DEFINITION": "Ir para Definição",
   "CMD_SHOW_PARAMETER_HINT": "Mostrar Sugestão de Parâmetro",
   "NO_ARGUMENTS": "<sem parâmetros>",
   "DETECTED_EXCLUSION_TITLE": "Problema de Inferência de Ficheiro JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "O limite de memória que indicou é inválido. Reveja as preferências do PHP para definir o valor correto.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Definições de configuração predefinidas das Ferramentas PHP",
   "OPEN_PREFERENNCES": "Abrir Preferências",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferências para Ferramentas de Idioma",
-  "FIND_ALL_REFERENCES": "Encontrar Todas as Referências",
   "REFERENCES_IN_FILES": "referências",
   "REFERENCE_IN_FILES": "referência",
   "REFERENCES_NO_RESULTS": "Sem referências disponíveis para a posição atual do cursor",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Começar de novo",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 cartões",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 eliminado",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Mostrar a barra de estilos quando os elementos são selecionados na pré-visualização em tempo real. O valor predefinido é 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "O lado em que a barra de estilos da pré-visualização em tempo real é ancorada: 'top', 'bottom', 'left' ou 'right'. O valor predefinido é 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Posição de ancoragem",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Mover barra para a esquerda",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mover barra para a direita",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na página",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comuns",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Branco",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Prateado",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Cinzento",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Preto",
-  "LIVE_DEV_STYLER_COLOR_RED": "Vermelho",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordô",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Laranja",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Dourado",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Amarelo",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Azeitona",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lima",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Verde-azulado",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Ciano",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Azul",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Azul-marinho",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Índigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Roxo",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violeta",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Mostrar Barra de Estilos"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Informação)",
+  "CMD_JUMPTO_DEFINITION": "Ir para Definição",
+  "FIND_ALL_REFERENCES": "Encontrar Utilizações"
 });
\ No newline at end of file
diff --git a/src/nls/ro/lastTranslated.json b/src/nls/ro/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ro/lastTranslated.json
+++ b/src/nls/ro/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ro/strings.js b/src/nls/ro/strings.js
index 713796297b..3f23cba52f 100644
--- a/src/nls/ro/strings.js
+++ b/src/nls/ro/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework Server, momentan suportă doar Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspectează elementul în Previzualizarea Live la 'trecerea cu mouse-ul' sau 'clic'. Valoarea implicită este 'trecerea cu mouse-ul'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Afișează măsurătorile când elementele sunt selectate în previzualizarea live. Valoarea implicită este 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afișează bara de stiluri când elementele sunt selectate în previzualizarea live. Valoarea implicită este 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Partea pe care se ancorează bara de stiluri a previzualizării live: 'top', 'bottom', 'left' sau 'right'. Valoarea implicită este 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Selectează părintele",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Editează textul",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dublu-clic",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Margine și spațiere",
   "LIVE_DEV_STYLER_LAYOUT": "Aranjament",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Stil text",
+  "LIVE_DEV_STYLER_DOCK": "Poziție de ancorare",
   "LIVE_DEV_STYLER_DOCK_TOP": "Mută bara sus",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Mută bara jos",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Mută bara la stânga",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mută bara la dreapta",
   "LIVE_DEV_STYLER_RESET": "Resetează modificările",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Nicio modificare de resetat",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Terminat",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Rază",
   "LIVE_DEV_STYLER_WIDTH": "Lățime",
   "LIVE_DEV_STYLER_COLOR": "Culoare",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Pe pagină",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Comune",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Alb",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Argintiu",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Negru",
+  "LIVE_DEV_STYLER_COLOR_RED": "Roșu",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Portocaliu",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Auriu",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Galben",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Măsliniu",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turcoaz",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Albastru",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Bleumarin",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mov",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Roz",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Solid",
   "LIVE_DEV_STYLER_DASHED": "Întrerupt",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Mod Editare",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspectare element la survolare",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Afișare Măsurători",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afișare bară de stiluri",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' afișează doar pagina web, '{1}' conectează pagina web la codul dvs. - faceți clic pe elemente pentru a sări la codul lor și invers, '{2}' oferă evidențiere împreună cu manipulare avansată a elementelor.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Configurează Modurile Live Preview",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live Preview a fost revocat din cauza că în browser au fost deschise uneltele pentru dezvoltatori",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (folosită {1} dată)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (folosită {1} ori)",
   "EDIT": "Editare",
-  "CMD_JUMPTO_DEFINITION": "Sari la definiție",
   "CMD_SHOW_PARAMETER_HINT": "Arată sugestia parametrului",
   "NO_ARGUMENTS": "<niciun parametru>",
   "DETECTED_EXCLUSION_TITLE": "Problemă de inferență a fișierelu JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Limita de memorie furnizată este invalidă. Verificați preferințele PHP pentru a seta valoarea corectă.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Setări implicite de configurare pentru instrumentele PHP",
   "OPEN_PREFERENNCES": "Deschide Preferințe",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferințe pentru instrumente lingvistice",
-  "FIND_ALL_REFERENCES": "Găsește toate referințele",
   "REFERENCES_IN_FILES": "referințe",
   "REFERENCE_IN_FILES": "referință",
   "REFERENCES_NO_RESULTS": "Nicio referință disponibilă pentru poziția curentă a cursorului",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Reîncepe",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 carduri",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 șters",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Afișează bara de stiluri când elementele sunt selectate în previzualizarea live. Valoarea implicită este 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Partea pe care se ancorează bara de stiluri a previzualizării live: 'top', 'bottom', 'left' sau 'right'. Valoarea implicită este 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Poziție de ancorare",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Mută bara la stânga",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Mută bara la dreapta",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Pe pagină",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Comune",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Alb",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Argintiu",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Negru",
-  "LIVE_DEV_STYLER_COLOR_RED": "Roșu",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Portocaliu",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Auriu",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Galben",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Măsliniu",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Lime",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Verde",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Turcoaz",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Albastru",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Bleumarin",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mov",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violet",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Roz",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Afișare bară de stiluri"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Informații)",
+  "CMD_JUMPTO_DEFINITION": "Mergi la definiție",
+  "FIND_ALL_REFERENCES": "Găsește utilizări"
 });
\ No newline at end of file
diff --git a/src/nls/ru/lastTranslated.json b/src/nls/ru/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ru/lastTranslated.json
+++ b/src/nls/ru/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ru/strings.js b/src/nls/ru/strings.js
index f16604f1b4..80d9374b05 100644
--- a/src/nls/ru/strings.js
+++ b/src/nls/ru/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Фреймворк сервера, в настоящее время поддерживается только docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Инспектировать элемент в режиме Live Preview при наведении («hover») или нажатии («click»). По умолчанию — «hover».",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Показывать размеры при выборе элементов в режиме предпросмотра. По умолчанию 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показывать панель стилей при выборе элементов в режиме живого предпросмотра. По умолчанию 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, к которой прикрепляется панель стилей живого предпросмотра: 'top', 'bottom', 'left' или 'right'. По умолчанию 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Выбрать родительский элемент",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Редактировать текст",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Двойной щелчок",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Поля и отступы",
   "LIVE_DEV_STYLER_LAYOUT": "Макет",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль текста",
+  "LIVE_DEV_STYLER_DOCK": "Положение прикрепления",
   "LIVE_DEV_STYLER_DOCK_TOP": "Переместить панель наверх",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Переместить панель вниз",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Переместить панель влево",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Переместить панель вправо",
   "LIVE_DEV_STYLER_RESET": "Сбросить изменения",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нет изменений для сброса",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Радиус",
   "LIVE_DEV_STYLER_WIDTH": "Ширина",
   "LIVE_DEV_STYLER_COLOR": "Цвет",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На странице",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Общие",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Белый",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Серебряный",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Серый",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Чёрный",
+  "LIVE_DEV_STYLER_COLOR_RED": "Красный",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовый",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжевый",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотой",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жёлтый",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковый",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовый",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелёный",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Бирюзовый",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Голубой",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Синий",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тёмно-синий",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фиолетовый",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпурный",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Фиолетовый",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розовый",
   "LIVE_DEV_STYLER_STYLE": "Стиль",
   "LIVE_DEV_STYLER_SOLID": "Сплошная",
   "LIVE_DEV_STYLER_DASHED": "Пунктирная",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Режим редактирования",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Инспектировать элемент при наведении",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Показать размеры",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показать панель стилей",
   "LIVE_PREVIEW_MODE_PREFERENCE": "«{0}» показывает только веб-страницу, «{1}» связывает веб-страницу с вашим кодом — нажимайте на элементы, чтобы перейти к их коду, и наоборот, «{2}» обеспечивает подсветку и расширенные возможности управления элементами.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Настроить режимы просмотра в реальном времени",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Функция Live Preview была отключена при открытии инструментов разработки в браузере",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Использовано {1} раз)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Использовано {1} раза)",
   "EDIT": "Правка",
-  "CMD_JUMPTO_DEFINITION": "Перейти к определению",
   "CMD_SHOW_PARAMETER_HINT": "Показывать подсказки по аргументам функции",
   "NO_ARGUMENTS": "<нет аргументов>",
   "DETECTED_EXCLUSION_TITLE": "Проблема определения файла JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Указанный вами лимит памяти недействителен. Проверьте настройки PHP, чтобы установить правильное значение.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Настройки конфигурации инструментов PHP по умолчанию",
   "OPEN_PREFERENNCES": "Открыть настройки",
-  "LANGUAGE_TOOLS_PREFERENCES": "Настройки инструментов языка",
-  "FIND_ALL_REFERENCES": "Найти все ссылки",
   "REFERENCES_IN_FILES": "ссылки",
   "REFERENCE_IN_FILES": "ссылка",
   "REFERENCES_NO_RESULTS": "Ссылки для текущей позиции курсора не найдены",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Начать заново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карточки",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 удалено",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показывать панель стилей при выборе элементов в режиме живого предпросмотра. По умолчанию 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, к которой прикрепляется панель стилей живого предпросмотра: 'top', 'bottom', 'left' или 'right'. По умолчанию 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Положение прикрепления",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Переместить панель влево",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Переместить панель вправо",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На странице",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Общие",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Белый",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Серебряный",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Серый",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Чёрный",
-  "LIVE_DEV_STYLER_COLOR_RED": "Красный",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовый",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Оранжевый",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотой",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жёлтый",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковый",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовый",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелёный",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Бирюзовый",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Голубой",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Синий",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Тёмно-синий",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фиолетовый",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпурный",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Фиолетовый",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Розовый",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показать панель стилей"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} инфо)",
+  "CMD_JUMPTO_DEFINITION": "Перейти к определению",
+  "FIND_ALL_REFERENCES": "Найти использования"
 });
\ No newline at end of file
diff --git a/src/nls/sk/lastTranslated.json b/src/nls/sk/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/sk/lastTranslated.json
+++ b/src/nls/sk/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/sk/strings.js b/src/nls/sk/strings.js
index 58a5a4061b..957da15b9c 100644
--- a/src/nls/sk/strings.js
+++ b/src/nls/sk/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Framework servera, momentálne podporuje iba Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Skontrolovať prvok v živom náhľade pri 'prejdení myšou' alebo 'kliknutí'. Predvolená hodnota je 'prejdenie myšou'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Zobraziť rozmery pri výbere prvkov v živom náhľade. Predvolená hodnota je 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobraziť panel štýlov, keď sú prvky vybraté v živom náhľade. Predvolená hodnota je 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, na ktorú sa ukotví panel štýlov živého náhľadu: 'top', 'bottom', 'left' alebo 'right'. Predvolená hodnota je 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Vybrať nadradený prvok",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Upraviť text",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dvojklik",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Okraje a výplň",
   "LIVE_DEV_STYLER_LAYOUT": "Rozloženie",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Štýl textu",
+  "LIVE_DEV_STYLER_DOCK": "Pozícia ukotvenia",
   "LIVE_DEV_STYLER_DOCK_TOP": "Presunúť panel nahor",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Presunúť panel nadol",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Presunúť panel doľava",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Presunúť panel doprava",
   "LIVE_DEV_STYLER_RESET": "Obnoviť zmeny",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Žiadne zmeny na obnovenie",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Hotovo",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Polomer",
   "LIVE_DEV_STYLER_WIDTH": "Šírka",
   "LIVE_DEV_STYLER_COLOR": "Farba",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na stránke",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Bežné",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Biela",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Strieborná",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Sivá",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Čierna",
+  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordová",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žltá",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Sivozelená",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Azúrová",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Námornícka modrá",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magentová",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetová",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Ružová",
   "LIVE_DEV_STYLER_STYLE": "Štýl",
   "LIVE_DEV_STYLER_SOLID": "Plná",
   "LIVE_DEV_STYLER_DASHED": "Čiarkovaná",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Režim úprav",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Preskúmať prvok po prejdení myšou",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Zobraziť rozmery",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobraziť lištu štýlov",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' zobrazuje iba webovú stránku, '{1}' prepája webovú stránku s vaším kódom - kliknutím na prvky prejdete na ich kód a naopak, '{2}' poskytuje zvýraznenie spolu s pokročilou manipuláciou s prvkami.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurovať režimy živého náhľadu",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Živý náhľad bol zrušený kvôli tomu, že boli otvorené vývojárske nástroje v prehliadači",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Použité {1} krát)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Použité {1} krát)",
   "EDIT": "Upraviť",
-  "CMD_JUMPTO_DEFINITION": "Prejsť na definíciu",
   "CMD_SHOW_PARAMETER_HINT": "Ukázať pomôcku parametra",
   "NO_ARGUMENTS": "<žiadne parametre>",
   "DETECTED_EXCLUSION_TITLE": "Problém s inferenciou JavaScriptového súboru",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Vami zadaný limit pamäte je neplatný. Skontrolujte nastavenia PHP a nastavte správnu hodnotu.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Predvolené nastavenia konfigurácie nástrojov PHP",
   "OPEN_PREFERENNCES": "Otvoriť nastavenia",
-  "LANGUAGE_TOOLS_PREFERENCES": "Nastavenia nástrojov pre jazyk",
-  "FIND_ALL_REFERENCES": "Vyhľadať všetky referencie",
   "REFERENCES_IN_FILES": "referencie",
   "REFERENCE_IN_FILES": "referencia",
   "REFERENCES_NO_RESULTS": "Pre aktuálnu pozíciu kurzora nie sú k dispozícii žiadne referencie",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Začať znova",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 karty",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 odstránené",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Zobraziť panel štýlov, keď sú prvky vybraté v živom náhľade. Predvolená hodnota je 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Strana, na ktorú sa ukotví panel štýlov živého náhľadu: 'top', 'bottom', 'left' alebo 'right'. Predvolená hodnota je 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Pozícia ukotvenia",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Presunúť panel doľava",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Presunúť panel doprava",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Na stránke",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Bežné",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Biela",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Strieborná",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Sivá",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Čierna",
-  "LIVE_DEV_STYLER_COLOR_RED": "Červená",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordová",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Oranžová",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Zlatá",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Žltá",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivová",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limetková",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Zelená",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Sivozelená",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Azúrová",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Modrá",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Námornícka modrá",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigová",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Fialová",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magentová",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violetová",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Ružová",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Zobraziť lištu štýlov"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Prejsť na definíciu",
+  "FIND_ALL_REFERENCES": "Nájsť použitia"
 });
\ No newline at end of file
diff --git a/src/nls/sr/lastTranslated.json b/src/nls/sr/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/sr/lastTranslated.json
+++ b/src/nls/sr/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/sr/strings.js b/src/nls/sr/strings.js
index 7d870c6de9..be57a6ef72 100644
--- a/src/nls/sr/strings.js
+++ b/src/nls/sr/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Оквир сервера, тренутно подржава само docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Прегледај елемент у живом прегледу на 'прелазак мишем' или 'клик'. Подразумевано је 'прелазак мишем'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Прикажи мере када су елементи изабрани у прегледу уживо. Подразумевана вредност је 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Прикажи траку са стиловима када су елементи изабрани у прегледу уживо. Подразумевано је 'true'.",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна на коју се причвршћује трака са стиловима у прегледу уживо: 'top', 'bottom', 'left' или 'right'. Подразумевано је 'bottom'.",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Изабери родитеља",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Уреди текст",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Двоструки клик",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Маргина и одстојање",
   "LIVE_DEV_STYLER_LAYOUT": "Распоред",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Стил текста",
+  "LIVE_DEV_STYLER_DOCK": "Позиција причвршћивања",
   "LIVE_DEV_STYLER_DOCK_TOP": "Помери траку на врх",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Помери траку на дно",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Помери траку улево",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Помери траку удесно",
   "LIVE_DEV_STYLER_RESET": "Поништи измене",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Нема измена за поништавање",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Завршено",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Радијус",
   "LIVE_DEV_STYLER_WIDTH": "Ширина",
   "LIVE_DEV_STYLER_COLOR": "Боја",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страници",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Уобичајене",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Бела",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребрна",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сива",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Црна",
+  "LIVE_DEV_STYLER_COLOR_RED": "Црвена",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Наранџаста",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Златна",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жута",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинаста",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лимета",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелена",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Тиркизна",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Цијан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Плава",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Тегет",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Љубичаста",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолет",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Розе",
   "LIVE_DEV_STYLER_STYLE": "Стил",
   "LIVE_DEV_STYLER_SOLID": "Пуна",
   "LIVE_DEV_STYLER_DASHED": "Испрекидана",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Режим измене",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Инспекција елемента на лебдење",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Прикажи мере",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Прикажи траку са стиловима",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' приказује само веб-страницу, '{1}' повезује веб-страницу са вашим кодом – кликните на елементе да бисте прешли на њихов кôд и обрнуто, '{2}' пружа истицање заједно са напредним манипулисањем елементима",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Конфигуришите режиме живог прегледа",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Живи приказ је отказан јер су развојни алати били отворени у претраживачу",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (Коришћена {1} пут)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (Коришћена {1} пута)",
   "EDIT": "Уреди",
-  "CMD_JUMPTO_DEFINITION": "Скочи на дефиницију",
   "CMD_SHOW_PARAMETER_HINT": "Пружи малу помоћ око параметра",
   "NO_ARGUMENTS": "<без параметара>",
   "DETECTED_EXCLUSION_TITLE": "Проблем у обради JavaScript датотеке",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Лимит меморије који сте навели није валидан. Прегледајте PHP подешавања да бисте поставили исправну вредност.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Подразумевана подешавања за PHP алате",
   "OPEN_PREFERENNCES": "Отвори подешавања",
-  "LANGUAGE_TOOLS_PREFERENCES": "Подешавања алата за језик",
-  "FIND_ALL_REFERENCES": "Пронађи све референце",
   "REFERENCES_IN_FILES": "референце",
   "REFERENCE_IN_FILES": "референца",
   "REFERENCES_NO_RESULTS": "Нема доступних референци за тренутну позицију курсора",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почни поново",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 картице",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 обрисано",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Прикажи траку са стиловима када су елементи изабрани у прегледу уживо. Подразумевано је 'true'.",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Страна на коју се причвршћује трака са стиловима у прегледу уживо: 'top', 'bottom', 'left' или 'right'. Подразумевано је 'bottom'.",
-  "LIVE_DEV_STYLER_DOCK": "Позиција причвршћивања",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Помери траку улево",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Помери траку удесно",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На страници",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Уобичајене",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Бела",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Сребрна",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Сива",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Црна",
-  "LIVE_DEV_STYLER_COLOR_RED": "Црвена",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордо",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Наранџаста",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Златна",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жута",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Маслинаста",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Лимета",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелена",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Тиркизна",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Цијан",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Плава",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Тегет",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Индиго",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Љубичаста",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Магента",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Виолет",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Розе",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Прикажи траку са стиловима"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} инфо)",
+  "CMD_JUMPTO_DEFINITION": "Иди на дефиницију",
+  "FIND_ALL_REFERENCES": "Пронађи употребе"
 });
\ No newline at end of file
diff --git a/src/nls/sv/lastTranslated.json b/src/nls/sv/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/sv/lastTranslated.json
+++ b/src/nls/sv/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/sv/strings.js b/src/nls/sv/strings.js
index cdfbb1e3ca..a4fd006f44 100644
--- a/src/nls/sv/strings.js
+++ b/src/nls/sv/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Serverramverk, stöder för närvarande endast Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Inspektera element i Live-förhandsgranskning vid 'hovring' eller 'klick'. Standard är 'hovring'",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Visa mått när element är markerade i liveförhandsgranskning. Standard är 'falskt'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Visa stilfältet när element är markerade i direktförhandsgranskning. Standard är 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Vilken sida stilfältet för direktförhandsgranskning fästs vid: 'top', 'bottom', 'left' eller 'right'. Standard är 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Välj förälder",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Redigera text",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Dubbelklicka",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Marginal & utfyllnad",
   "LIVE_DEV_STYLER_LAYOUT": "Layout",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Textstil",
+  "LIVE_DEV_STYLER_DOCK": "Dockningsposition",
   "LIVE_DEV_STYLER_DOCK_TOP": "Flytta fältet till toppen",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Flytta fältet till botten",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytta fältet till vänster",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytta fältet till höger",
   "LIVE_DEV_STYLER_RESET": "Återställ ändringar",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Inga ändringar att återställa",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Klar",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Radie",
   "LIVE_DEV_STYLER_WIDTH": "Bredd",
   "LIVE_DEV_STYLER_COLOR": "Färg",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På sidan",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanliga",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Vit",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
+  "LIVE_DEV_STYLER_COLOR_RED": "Röd",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Rödbrun",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivgrön",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Limegrön",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Grön",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkos",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Marinblå",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Heldragen",
   "LIVE_DEV_STYLER_DASHED": "Streckad",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Redigeringsläge",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Inspektera element vid hovring",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Visa mått",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Visa stilfält",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' visar endast webbsidan, '{1}' ansluter webbsidan till din kod – klicka på element för att hoppa till deras kod och tvärtom, '{2}' tillhandahåller markering tillsammans med avancerad elementmanipulering",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Konfigurera Live Preview-lägen",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Förhandsvisningen avbröts eftersom webbläsarens utvecklarverktyg öppnades.",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (använd {1} gång)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (använd {1} gånger)",
   "EDIT": "Redigera",
-  "CMD_JUMPTO_DEFINITION": "Gå till definition",
   "CMD_SHOW_PARAMETER_HINT": "Visa parameterförslag",
   "NO_ARGUMENTS": "<inga parametrar>",
   "DETECTED_EXCLUSION_TITLE": "Problem att slutleda JavaScript-fil",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Minnesgränsen du angav är ogiltig. Granska PHP-inställningarna för att ställa in rätt värde.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Standardinställningar för PHP-verktyg",
   "OPEN_PREFERENNCES": "Öppna inställningar",
-  "LANGUAGE_TOOLS_PREFERENCES": "Inställningar för språkverktyg",
-  "FIND_ALL_REFERENCES": "Sök alla referenser",
   "REFERENCES_IN_FILES": "referenser",
   "REFERENCE_IN_FILES": "referens",
   "REFERENCES_NO_RESULTS": "Inga referenser tillgängliga för aktuell markörposition",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Börja om",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kort",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 raderat",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Visa stilfältet när element är markerade i direktförhandsgranskning. Standard är 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Vilken sida stilfältet för direktförhandsgranskning fästs vid: 'top', 'bottom', 'left' eller 'right'. Standard är 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Dockningsposition",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Flytta fältet till vänster",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Flytta fältet till höger",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "På sidan",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Vanliga",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Vit",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Silver",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Grå",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Svart",
-  "LIVE_DEV_STYLER_COLOR_RED": "Röd",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Rödbrun",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Orange",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Guld",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Gul",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Olivgrön",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Limegrön",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Grön",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Turkos",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Cyan",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Blå",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Marinblå",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Indigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Lila",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Magenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Violett",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Rosa",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Visa stilfält"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} info)",
+  "CMD_JUMPTO_DEFINITION": "Gå till definition",
+  "FIND_ALL_REFERENCES": "Hitta användningar"
 });
\ No newline at end of file
diff --git a/src/nls/tr/lastTranslated.json b/src/nls/tr/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/tr/lastTranslated.json
+++ b/src/nls/tr/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/tr/strings.js b/src/nls/tr/strings.js
index e53128884e..2659bd7975 100644
--- a/src/nls/tr/strings.js
+++ b/src/nls/tr/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Sunucu Çerçevesi, şu anda yalnızca docusaurus'u destekliyor",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Canlı Önizlemede öğeyi 'üzerine gelme' veya 'tıklama' ile denetle. Varsayılan değer 'üzerine gelme'dir.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Canlı önizlemede öğeler seçildiğinde ölçümleri göster. Varsayılan: 'false'",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Canlı önizlemede öğeler seçildiğinde stil çubuğunu göster. Varsayılan: 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Canlı önizleme stil çubuğunun sabitleneceği taraf: 'top', 'bottom', 'left' veya 'right'. Varsayılan: 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Üst Öğeyi Seç",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Metni Düzenle",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Çift tıklayın",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Dış ve iç boşluk",
   "LIVE_DEV_STYLER_LAYOUT": "Düzen",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Metin stili",
+  "LIVE_DEV_STYLER_DOCK": "Sabitleme konumu",
   "LIVE_DEV_STYLER_DOCK_TOP": "Çubuğu üste taşı",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Çubuğu alta taşı",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Çubuğu sola taşı",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Çubuğu sağa taşı",
   "LIVE_DEV_STYLER_RESET": "Değişiklikleri sıfırla",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Sıfırlanacak değişiklik yok",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Bitti",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Yarıçap",
   "LIVE_DEV_STYLER_WIDTH": "Genişlik",
   "LIVE_DEV_STYLER_COLOR": "Renk",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Bu sayfada",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Genel",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Beyaz",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Gümüş",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Siyah",
+  "LIVE_DEV_STYLER_COLOR_RED": "Kırmızı",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Turuncu",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Altın Sarısı",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sarı",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zeytin Yeşili",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Misket Limonu Yeşili",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Yeşil",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Camgöbeği",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Camgöbeği",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Mavi",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Lacivert",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "İndigo",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mor",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Macenta",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Menekşe",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Pembe",
   "LIVE_DEV_STYLER_STYLE": "Stil",
   "LIVE_DEV_STYLER_SOLID": "Düz",
   "LIVE_DEV_STYLER_DASHED": "Kesik Çizgili",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Düzenleme Modu",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Üzerine Gelindiğinde Öğeyi Denetle",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Ölçümleri Göster",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stil Çubuğunu Göster",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' yalnızca web sayfasını gösterir, '{1}' web sayfasını kodunuza bağlar - kodlarına atlamak için öğelere tıklayın ve tam tersi, '{2}' gelişmiş öğe manipülasyonu ile birlikte vurgulama sağlar",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Canlı Önizleme Modlarını Yapılandır",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Tarayıcının geliştirici araçları açıldığı için Canlı Önizleme iptal edildi",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} ({1} kez kullanıldı)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} kez kullanıldı)",
   "EDIT": "Düzenle",
-  "CMD_JUMPTO_DEFINITION": "Tanıma Atla",
   "CMD_SHOW_PARAMETER_HINT": "Parametre İpuçlarını Göster",
   "NO_ARGUMENTS": "<parametre yok>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript Dosyası Çıkarım Sorunu",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Belirttiğiniz bellek sınırı geçersiz. Doğru değeri ayarlamak için PHP tercihlerini gözden geçirin.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP Araçları varsayılan yapılandırma ayarları",
   "OPEN_PREFERENNCES": "Tercihleri Aç",
-  "LANGUAGE_TOOLS_PREFERENCES": "Dil Araçları Tercihleri",
-  "FIND_ALL_REFERENCES": "Tüm Başvuruları Bul",
   "REFERENCES_IN_FILES": "başvurular",
   "REFERENCE_IN_FILES": "başvuru",
   "REFERENCES_NO_RESULTS": "Geçerli imleç konumu için başvuru yok",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Yeniden Başla",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 kart",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 silindi",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Canlı önizlemede öğeler seçildiğinde stil çubuğunu göster. Varsayılan: 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Canlı önizleme stil çubuğunun sabitleneceği taraf: 'top', 'bottom', 'left' veya 'right'. Varsayılan: 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Sabitleme konumu",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Çubuğu sola taşı",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Çubuğu sağa taşı",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "Bu sayfada",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Genel",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Beyaz",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Gümüş",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Gri",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Siyah",
-  "LIVE_DEV_STYLER_COLOR_RED": "Kırmızı",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Bordo",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Turuncu",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Altın Sarısı",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Sarı",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Zeytin Yeşili",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Misket Limonu Yeşili",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Yeşil",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Camgöbeği",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Camgöbeği",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Mavi",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Lacivert",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "İndigo",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Mor",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Macenta",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Menekşe",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Pembe",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Stil Çubuğunu Göster"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Bilgi)",
+  "CMD_JUMPTO_DEFINITION": "Tanıma Git",
+  "FIND_ALL_REFERENCES": "Kullanımları Bul"
 });
\ No newline at end of file
diff --git a/src/nls/uk/lastTranslated.json b/src/nls/uk/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/uk/lastTranslated.json
+++ b/src/nls/uk/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/uk/strings.js b/src/nls/uk/strings.js
index c095f805ad..fdbcf43eb7 100644
--- a/src/nls/uk/strings.js
+++ b/src/nls/uk/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "Фреймворк сервера, наразі підтримується лише docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "Інспектувати елемент у живому перегляді при 'наведенні' або 'клацанні'. За замовчуванням — 'наведення'.",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "Показувати розміри, коли елементи вибрано в живому перегляді. За замовчуванням 'false'.",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показувати панель стилів, коли елементи вибрано в живому перегляді. За замовчуванням 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, до якої прикріплюється панель стилів живого перегляду: 'top', 'bottom', 'left' або 'right'. За замовчуванням 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "Вибрати батьківський елемент",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "Редагувати текст",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "Подвійне клацання",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "Поля й відступи",
   "LIVE_DEV_STYLER_LAYOUT": "Макет",
   "LIVE_DEV_STYLER_TEXT_STYLE": "Стиль тексту",
+  "LIVE_DEV_STYLER_DOCK": "Положення прикріплення",
   "LIVE_DEV_STYLER_DOCK_TOP": "Перемістити панель вгору",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "Перемістити панель вниз",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "Перемістити панель ліворуч",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "Перемістити панель праворуч",
   "LIVE_DEV_STYLER_RESET": "Скинути зміни",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "Немає змін для скидання",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "Готово",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "Радіус",
   "LIVE_DEV_STYLER_WIDTH": "Ширина",
   "LIVE_DEV_STYLER_COLOR": "Колір",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На сторінці",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "Загальні",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "Білий",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "Срібний",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "Сірий",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "Чорний",
+  "LIVE_DEV_STYLER_COLOR_RED": "Червоний",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовий",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "Помаранчевий",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотий",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жовтий",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковий",
+  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовий",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелений",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "Бірюзовий",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "Ціан",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "Синій",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "Темно-синій",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "Індиго",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фіолетовий",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпуровий",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "Віолетовий",
+  "LIVE_DEV_STYLER_COLOR_PINK": "Рожевий",
   "LIVE_DEV_STYLER_STYLE": "Стиль",
   "LIVE_DEV_STYLER_SOLID": "Суцільний",
   "LIVE_DEV_STYLER_DASHED": "Штриховий",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "Режим редагування",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "Інспектувати елемент при наведенні",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "Показати виміри",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показати панель стилів",
   "LIVE_PREVIEW_MODE_PREFERENCE": "«{0}» показує лише веб-сторінку, «{1}» з'єднує веб-сторінку з вашим кодом — натискайте на елементи, щоб перейти до їхнього коду, і навпаки, «{2}» забезпечує підсвічування та розширені маніпуляції з елементами.",
   "LIVE_PREVIEW_CONFIGURE_MODES": "Налаштувати режими попереднього перегляду",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "Live Preview зупинено, оскільки в браузері відкрито панель інструментів розробника",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (використано {1} раз)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (використано {1} разів)",
   "EDIT": "Змінити",
-  "CMD_JUMPTO_DEFINITION": "Перейти до оголошення",
   "CMD_SHOW_PARAMETER_HINT": "Показувати підсвічування параметрів функції",
   "NO_ARGUMENTS": "<параметри відсутні>",
   "DETECTED_EXCLUSION_TITLE": "Помилка виведення файлу JavaScript",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "Вказане вами обмеження пам'яті є недійсним. Перегляньте налаштування PHP, щоб встановити правильне значення.",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "Стандартні налаштування інструментів PHP",
   "OPEN_PREFERENNCES": "Відкрити налаштування",
-  "LANGUAGE_TOOLS_PREFERENCES": "Налаштування інструментів мови",
-  "FIND_ALL_REFERENCES": "Знайти всі посилання",
   "REFERENCES_IN_FILES": "посилання",
   "REFERENCE_IN_FILES": "посилання",
   "REFERENCES_NO_RESULTS": "Немає доступних посилань для поточної позиції курсора",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "Почати знову",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 карток",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 видалено",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "Показувати панель стилів, коли елементи вибрано в живому перегляді. За замовчуванням 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "Сторона, до якої прикріплюється панель стилів живого перегляду: 'top', 'bottom', 'left' або 'right'. За замовчуванням 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "Положення прикріплення",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "Перемістити панель ліворуч",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "Перемістити панель праворуч",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "На сторінці",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "Загальні",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "Білий",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "Срібний",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "Сірий",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "Чорний",
-  "LIVE_DEV_STYLER_COLOR_RED": "Червоний",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "Бордовий",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "Помаранчевий",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "Золотий",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "Жовтий",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "Оливковий",
-  "LIVE_DEV_STYLER_COLOR_LIME": "Лаймовий",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "Зелений",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "Бірюзовий",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "Ціан",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "Синій",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "Темно-синій",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "Індиго",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "Фіолетовий",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "Пурпуровий",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "Віолетовий",
-  "LIVE_DEV_STYLER_COLOR_PINK": "Рожевий",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "Показати панель стилів"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} інфо)",
+  "CMD_JUMPTO_DEFINITION": "Перейти до визначення",
+  "FIND_ALL_REFERENCES": "Знайти використання"
 });
\ No newline at end of file
diff --git a/src/nls/ur/lastTranslated.json b/src/nls/ur/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/ur/lastTranslated.json
+++ b/src/nls/ur/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/ur/strings.js b/src/nls/ur/strings.js
index edf38a0609..ecb745022d 100644
--- a/src/nls/ur/strings.js
+++ b/src/nls/ur/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "سرور فریم ورک، فی الحال صرف ڈوکیوسورس کو سپورٹ کرتا ہے",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "لائیو پیش منظر میں 'hover' یا 'click' پر عنصر کا معائنہ کریں۔ پہلے سے طے شدہ 'hover' ہے۔",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "لائیو پیش منظر میں عناصر کے منتخب ہونے پر پیمائشیں دکھائیں۔ پہلے سے طے شدہ 'فالس' ہے۔",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "لائیو پیش منظر میں عناصر منتخب ہونے پر اسٹائلز بار دکھائیں۔ ڈیفالٹ 'true' ہے۔",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "لائیو پیش منظر اسٹائلز بار کس طرف ڈاک ہوتا ہے: 'اوپر'، 'نیچے'، 'بائیں' یا 'دائیں'۔ ڈیفالٹ 'نیچے' ہے۔",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "پیرنٹ منتخب کریں",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "متن میں ترمیم کریں",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "ڈبل کلک",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "مارجن اور پیڈنگ",
   "LIVE_DEV_STYLER_LAYOUT": "لے آؤٹ",
   "LIVE_DEV_STYLER_TEXT_STYLE": "متن کا انداز",
+  "LIVE_DEV_STYLER_DOCK": "ڈاک پوزیشن",
   "LIVE_DEV_STYLER_DOCK_TOP": "بار کو اوپر لے جائیں",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "بار کو نیچے لے جائیں",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "بار کو بائیں طرف منتقل کریں۔",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "بار کو دائیں طرف منتقل کریں۔",
   "LIVE_DEV_STYLER_RESET": "تبدیلیاں ری سیٹ کریں",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "ری سیٹ کرنے کے لیے کوئی تبدیلی نہیں",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "ہو گیا",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "رداس",
   "LIVE_DEV_STYLER_WIDTH": "چوڑائی",
   "LIVE_DEV_STYLER_COLOR": "رنگ",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "اس صفحہ پر",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "عام",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "سلور",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "گرے",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "سیاہ",
+  "LIVE_DEV_STYLER_COLOR_RED": "سرخ",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "عنابی",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "سنہرا",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "پیلا",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
+  "LIVE_DEV_STYLER_COLOR_LIME": "لیمونی",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "ٹیل",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزی",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "نیلا",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "گہرا نیلا",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "انڈیگو",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "جامنی",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "مجینٹا",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفشی",
+  "LIVE_DEV_STYLER_COLOR_PINK": "گلابی",
   "LIVE_DEV_STYLER_STYLE": "اسٹائل",
   "LIVE_DEV_STYLER_SOLID": "ٹھوس",
   "LIVE_DEV_STYLER_DASHED": "ڈیش دار",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "ترمیم وضع",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "ہوور پر عنصر کا معائنہ",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "پیمائشیں دکھائیں",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "اسٹائلز بار دکھائیں",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' صرف ویب پیج دکھاتا ہے، '{1}' ویب پیج کو آپ کے کوڈ سے جوڑتا ہے - عناصر پر کلک کر کے ان کے کوڈ پر جائیں اور اس کے برعکس، '{2}' جدید عنصر کی ہیرا پھیری کے ساتھ ہائی لائٹنگ فراہم کرتا ہے",
   "LIVE_PREVIEW_CONFIGURE_MODES": "براہ راست پیش نظارہ کے طریقوں کو ترتیب دیں",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "براؤزر کے ڈویلپر ٹولز کھولے جانے کی وجہ سے لائیو پیش نظارہ منسوخ کر دیا گیا",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (استعمال کیا گیا {1} مرتبہ)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} ({1} مرتبہ استعمال ہوا)",
   "EDIT": "ترمیم کریں",
-  "CMD_JUMPTO_DEFINITION": "تعریف پر جائیں",
   "CMD_SHOW_PARAMETER_HINT": "پیرامیٹر اشارہ دکھائیں",
   "NO_ARGUMENTS": "<no parameters>",
   "DETECTED_EXCLUSION_TITLE": "جاوا اسکرپٹ فائل کے نتیجے کا مسئلہ",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "آپ کی فراہم کردہ میموری کی حد غلط ہے۔ درست قدر سیٹ کرنے کے لیے پی ایچ پی کی ترجیحات کا جائزہ لیں۔",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "پی ایچ پی ٹولنگ کی ڈیفالٹ کنفیگریشن کی ترتیبات",
   "OPEN_PREFERENNCES": "ترجیحات کھولیں",
-  "LANGUAGE_TOOLS_PREFERENCES": "لسانی ٹولز کی ترجیحات",
-  "FIND_ALL_REFERENCES": "تمام حوالہ جات تلاش کریں",
   "REFERENCES_IN_FILES": "حوالہ جات",
   "REFERENCE_IN_FILES": "حوالہ",
   "REFERENCES_NO_RESULTS": "موجودہ کرسر پوزیشن کے لیے کوئی حوالہ جات دستیاب نہیں ہیں۔",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "دوبارہ شروع کریں",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 کارڈز",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 حذف شدہ",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "لائیو پیش منظر میں عناصر منتخب ہونے پر اسٹائلز بار دکھائیں۔ ڈیفالٹ 'true' ہے۔",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "لائیو پیش منظر اسٹائلز بار کس طرف ڈاک ہوتا ہے: 'اوپر'، 'نیچے'، 'بائیں' یا 'دائیں'۔ ڈیفالٹ 'نیچے' ہے۔",
-  "LIVE_DEV_STYLER_DOCK": "ڈاک پوزیشن",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "بار کو بائیں طرف منتقل کریں۔",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "بار کو دائیں طرف منتقل کریں۔",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "اس صفحہ پر",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "عام",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "سفید",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "سلور",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "گرے",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "سیاہ",
-  "LIVE_DEV_STYLER_COLOR_RED": "سرخ",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "عنابی",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "نارنجی",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "سنہرا",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "پیلا",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "زیتونی",
-  "LIVE_DEV_STYLER_COLOR_LIME": "لیمونی",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "سبز",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "ٹیل",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "فیروزی",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "نیلا",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "گہرا نیلا",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "انڈیگو",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "جامنی",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "مجینٹا",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "بنفشی",
-  "LIVE_DEV_STYLER_COLOR_PINK": "گلابی",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "اسٹائلز بار دکھائیں"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} معلومات)",
+  "CMD_JUMPTO_DEFINITION": "تعریف پر جائیں",
+  "FIND_ALL_REFERENCES": "استعمالات تلاش کریں"
 });
\ No newline at end of file
diff --git a/src/nls/zh-cn/lastTranslated.json b/src/nls/zh-cn/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/zh-cn/lastTranslated.json
+++ b/src/nls/zh-cn/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/zh-cn/strings.js b/src/nls/zh-cn/strings.js
index 867536a9aa..1db515785a 100644
--- a/src/nls/zh-cn/strings.js
+++ b/src/nls/zh-cn/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "服务器框架，目前仅支持 Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "在实时预览中，通过“悬停”或“单击”检查元素。默认为“悬停”",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "在实时预览中选择元素时显示测量值。默认为“false”",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在实时预览中选中元素时显示样式栏。默认为“true”",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "实时预览样式栏的停靠位置：“top”、“bottom”、“left”或“right”。默认为“bottom”",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "选择父级",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "编辑文本",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "双击",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "外边距和内边距",
   "LIVE_DEV_STYLER_LAYOUT": "布局",
   "LIVE_DEV_STYLER_TEXT_STYLE": "文本样式",
+  "LIVE_DEV_STYLER_DOCK": "停靠位置",
   "LIVE_DEV_STYLER_DOCK_TOP": "将栏移至顶部",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "将栏移至底部",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "将栏移至左侧",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "将栏移至右侧",
   "LIVE_DEV_STYLER_RESET": "重置更改",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "无可重置的更改",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "圆角",
   "LIVE_DEV_STYLER_WIDTH": "宽度",
   "LIVE_DEV_STYLER_COLOR": "颜色",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此页面上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "银色",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
+  "LIVE_DEV_STYLER_COLOR_RED": "红色",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "橙色",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "黄色",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄榄色",
+  "LIVE_DEV_STYLER_COLOR_LIME": "青柠色",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "绿色",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "青色",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "蓝色",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "藏青色",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛蓝色",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "品红色",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫罗兰色",
+  "LIVE_DEV_STYLER_COLOR_PINK": "粉红色",
   "LIVE_DEV_STYLER_STYLE": "样式",
   "LIVE_DEV_STYLER_SOLID": "实线",
   "LIVE_DEV_STYLER_DASHED": "虚线",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "编辑模式",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "悬停时检查元素",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "显示测量",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "显示样式栏",
   "LIVE_PREVIEW_MODE_PREFERENCE": "'{0}' 仅显示网页，'{1}' 将网页与您的代码连接 - 点击元素可跳转到其代码，反之亦然，'{2}' 提供高亮显示和高级元素操作功能",
   "LIVE_PREVIEW_CONFIGURE_MODES": "配置实时预览模式",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "由于浏览器开发人员工具已打开, 实时预览已关闭。",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (使用 {1} 次)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (使用 {1} 次)",
   "EDIT": "编辑",
-  "CMD_JUMPTO_DEFINITION": "跳转到源代码定义处",
   "CMD_SHOW_PARAMETER_HINT": "显示参数提示",
   "NO_ARGUMENTS": "<无相应参数>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript 文件引用问题",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "您提供的内存限制无效。请查看 PHP 首选项以设置正确的值。",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP 工具默认配置设置",
   "OPEN_PREFERENNCES": "打开首选项",
-  "LANGUAGE_TOOLS_PREFERENCES": "语言工具首选项",
-  "FIND_ALL_REFERENCES": "查找所有引用",
   "REFERENCES_IN_FILES": "引用",
   "REFERENCE_IN_FILES": "引用",
   "REFERENCES_NO_RESULTS": "光标当前位置没有可用引用",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新开始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 张卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已删除",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在实时预览中选中元素时显示样式栏。默认为“true”",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "实时预览样式栏的停靠位置：“top”、“bottom”、“left”或“right”。默认为“bottom”",
-  "LIVE_DEV_STYLER_DOCK": "停靠位置",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "将栏移至左侧",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "将栏移至右侧",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此页面上",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "银色",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
-  "LIVE_DEV_STYLER_COLOR_RED": "红色",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "橙色",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "黄色",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄榄色",
-  "LIVE_DEV_STYLER_COLOR_LIME": "青柠色",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "绿色",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "青色",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "蓝色",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "藏青色",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛蓝色",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "品红色",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫罗兰色",
-  "LIVE_DEV_STYLER_COLOR_PINK": "粉红色",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "显示样式栏"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} 条信息)",
+  "CMD_JUMPTO_DEFINITION": "转到定义",
+  "FIND_ALL_REFERENCES": "查找所有引用"
 });
\ No newline at end of file
diff --git a/src/nls/zh-tw/lastTranslated.json b/src/nls/zh-tw/lastTranslated.json
index 9c17896b34..ffc0e5c21e 100644
--- a/src/nls/zh-tw/lastTranslated.json
+++ b/src/nls/zh-tw/lastTranslated.json
@@ -468,7 +468,7 @@
   "CMD_INCREASE_FONT_SIZE": "Increase Font Size",
   "CMD_INDENT": "Indent",
   "CMD_INSTALL_EXTENSION": "Install Extension…",
-  "CMD_JUMPTO_DEFINITION": "Jump to Definition",
+  "CMD_JUMPTO_DEFINITION": "Go to Definition",
   "CMD_KEYBOARD_NAV_OVERLAY": "Visual Command Palette",
   "CMD_LAUNCH_SCRIPT_MAC": "Install Command Line Shortcut",
   "CMD_LINE_DOWN": "Move Line Down",
@@ -979,6 +979,7 @@
   "ENTRY_WITH_SAME_NAME_EXISTS": "A file or directory with the name <span class='dialog-filename'>{0}</span> already exists.",
   "ERRORS": "Errors",
   "ERRORS_NO_FILE": "No File Open",
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} Info)",
   "ERRORS_PANEL_TITLE_MULTIPLE": "{0} Problems - {1}",
   "ERRORS_PANEL_TITLE_MULTIPLE_FIXABLE": "{0} Problems, {1} Fixable - {2}",
   "ERROR_ARROW_FUNCTION": "Place the cursor inside a function expression",
@@ -1205,7 +1206,7 @@
   "FILTER_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FILTER_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
   "FILTER_PLACEHOLDER": "e.g. index,.css,*.js,src/**/*.css",
-  "FIND_ALL_REFERENCES": "Find All References",
+  "FIND_ALL_REFERENCES": "Find Usages",
   "FIND_HISTORY_MAX_COUNT": "Maximum Number of Search Items in Search History",
   "FIND_HISTORY_TOOLTIP": "Press `Ctrl-Space` to view History.",
   "FIND_HISTORY_TOOLTIP_MAC": "Press `Cmd-Space` to view History.",
@@ -1391,7 +1392,6 @@
   "LANGUAGE_SUBMIT": "Reload {APP_NAME}",
   "LANGUAGE_SYSTEM_DEFAULT": "System Default",
   "LANGUAGE_TITLE": "Switch Language",
-  "LANGUAGE_TOOLS_PREFERENCES": "Preferences for Language Tools",
   "LATER_BUTTON": "Later",
   "LAUNCH_SCRIPT_CREATE_SUCCESS": "Success! Now you can easily launch {APP_NAME} from the command line: <code>brackets myFile.txt</code> to open a file or <code>brackets myFolder</code> to switch projects. <br/><br/><a href='https://github.com/adobe/brackets/wiki/Command-Line-Arguments'>Learn more</a> about using {APP_NAME} from the command line.",
   "LEARN_SECTION": "Learn With Examples",
diff --git a/src/nls/zh-tw/strings.js b/src/nls/zh-tw/strings.js
index 311c670a02..63528a1b0c 100644
--- a/src/nls/zh-tw/strings.js
+++ b/src/nls/zh-tw/strings.js
@@ -158,6 +158,8 @@ define({
   "LIVE_DEV_SETTINGS_FRAMEWORK_PREFERENCES": "伺服器框架，目前僅支援 Docusaurus",
   "LIVE_DEV_SETTINGS_ELEMENT_HIGHLIGHT_PREFERENCE": "在「即時預覽」中，透過「懸停」或「點擊」檢查元素。預設為「懸停」",
   "LIVE_DEV_SETTINGS_SHOW_RULER_LINES_PREFERENCE": "在即時預覽中選取元素時顯示尺寸。預設為「false」",
+  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在即時預覽中選取元素時顯示樣式列。預設為 'true'",
+  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "即時預覽樣式列的停駐側邊：「top」、「bottom」、「left」或「right」。預設為 'bottom'",
   "LIVE_DEV_TOOLBOX_SELECT_PARENT": "選取父層",
   "LIVE_DEV_TOOLBOX_EDIT_TEXT": "編輯文字",
   "LIVE_DEV_TOOLBOX_DOUBLE_CLICK_HINT": "雙擊",
@@ -180,8 +182,11 @@ define({
   "LIVE_DEV_STYLER_SPACING": "外距與內距",
   "LIVE_DEV_STYLER_LAYOUT": "版面配置",
   "LIVE_DEV_STYLER_TEXT_STYLE": "文字樣式",
+  "LIVE_DEV_STYLER_DOCK": "停駐位置",
   "LIVE_DEV_STYLER_DOCK_TOP": "移動工具列至頂部",
   "LIVE_DEV_STYLER_DOCK_BOTTOM": "移動工具列至底部",
+  "LIVE_DEV_STYLER_DOCK_LEFT": "將樣式列移至左側",
+  "LIVE_DEV_STYLER_DOCK_RIGHT": "將樣式列移至右側",
   "LIVE_DEV_STYLER_RESET": "重設變更",
   "LIVE_DEV_STYLER_NOTHING_TO_RESET": "沒有可重設的變更",
   "LIVE_DEV_STYLER_CLOSE_SAVED": "完成",
@@ -224,6 +229,29 @@ define({
   "LIVE_DEV_STYLER_RADIUS": "半徑",
   "LIVE_DEV_STYLER_WIDTH": "寬度",
   "LIVE_DEV_STYLER_COLOR": "顏色",
+  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此頁面上",
+  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
+  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
+  "LIVE_DEV_STYLER_COLOR_SILVER": "銀色",
+  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
+  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
+  "LIVE_DEV_STYLER_COLOR_RED": "紅色",
+  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
+  "LIVE_DEV_STYLER_COLOR_ORANGE": "橘色",
+  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
+  "LIVE_DEV_STYLER_COLOR_YELLOW": "黃色",
+  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄欖色",
+  "LIVE_DEV_STYLER_COLOR_LIME": "萊姆色",
+  "LIVE_DEV_STYLER_COLOR_GREEN": "綠色",
+  "LIVE_DEV_STYLER_COLOR_TEAL": "藍綠色",
+  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
+  "LIVE_DEV_STYLER_COLOR_BLUE": "藍色",
+  "LIVE_DEV_STYLER_COLOR_NAVY": "海軍藍",
+  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛藍色",
+  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
+  "LIVE_DEV_STYLER_COLOR_MAGENTA": "洋紅色",
+  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫羅蘭色",
+  "LIVE_DEV_STYLER_COLOR_PINK": "粉紅色",
   "LIVE_DEV_STYLER_STYLE": "樣式",
   "LIVE_DEV_STYLER_SOLID": "實線",
   "LIVE_DEV_STYLER_DASHED": "虛線",
@@ -685,6 +713,7 @@ define({
   "LIVE_PREVIEW_MODE_EDIT": "編輯模式",
   "LIVE_PREVIEW_EDIT_HIGHLIGHT_ON": "懸停時檢查元素",
   "LIVE_PREVIEW_SHOW_RULER_LINES": "顯示度量",
+  "LIVE_PREVIEW_SHOW_STYLES_BAR": "顯示樣式列",
   "LIVE_PREVIEW_MODE_PREFERENCE": "「{0}」僅顯示網頁，「{1}」會將網頁與您的程式碼連結——點擊元素即可跳至其程式碼，反之亦然，「{2}」提供反白顯示以及進階的元素操作功能。",
   "LIVE_PREVIEW_CONFIGURE_MODES": "設定即時預覽模式",
   "LIVE_DEV_DETACHED_REPLACED_WITH_DEVTOOLS": "已取消即時預覽，因為開發者工具被打開了",
@@ -1324,7 +1353,6 @@ define({
   "COLOR_EDITOR_USED_COLOR_TIP_SINGULAR": "{0} (用了 {1} 次)",
   "COLOR_EDITOR_USED_COLOR_TIP_PLURAL": "{0} (用了 {1} 次)",
   "EDIT": "編輯",
-  "CMD_JUMPTO_DEFINITION": "跳到定義位置",
   "CMD_SHOW_PARAMETER_HINT": "顯示參數提示",
   "NO_ARGUMENTS": "<沒有參數>",
   "DETECTED_EXCLUSION_TITLE": "JavaScript 檔案推斷問題",
@@ -1534,8 +1562,6 @@ define({
   "PHP_SERVER_MEMORY_LIMIT_INVALID": "您提供的記憶體限制無效。請檢查 PHP 偏好設定以設定正確的值。",
   "DESCRIPTION_PHP_TOOLING_CONFIGURATION": "PHP 工具預設設定",
   "OPEN_PREFERENNCES": "開啟偏好設定",
-  "LANGUAGE_TOOLS_PREFERENCES": "語言工具偏好設定",
-  "FIND_ALL_REFERENCES": "尋找所有參考",
   "REFERENCES_IN_FILES": "參考",
   "REFERENCE_IN_FILES": "參考",
   "REFERENCES_NO_RESULTS": "目前游標位置找不到任何參考",
@@ -2422,33 +2448,7 @@ define({
   "DEMO_JS_BUTTON_START_AGAIN": "重新開始",
   "DEMO_JS_CARD_COUNT_TEMPLATE": "{NUM_DONE}/3 張卡片",
   "DEMO_JS_DELETE_COUNT_TEMPLATE": "{NUM_DONE}/1 已刪除",
-  "LIVE_DEV_SETTINGS_SHOW_STYLES_BAR_PREFERENCE": "在即時預覽中選取元素時顯示樣式列。預設為 'true'",
-  "LIVE_DEV_SETTINGS_STYLES_BAR_DOCK_PREFERENCE": "即時預覽樣式列的停駐側邊：「top」、「bottom」、「left」或「right」。預設為 'bottom'",
-  "LIVE_DEV_STYLER_DOCK": "停駐位置",
-  "LIVE_DEV_STYLER_DOCK_LEFT": "將樣式列移至左側",
-  "LIVE_DEV_STYLER_DOCK_RIGHT": "將樣式列移至右側",
-  "LIVE_DEV_STYLER_ON_THIS_PAGE": "在此頁面上",
-  "LIVE_DEV_STYLER_COMMON_COLORS": "常用",
-  "LIVE_DEV_STYLER_COLOR_WHITE": "白色",
-  "LIVE_DEV_STYLER_COLOR_SILVER": "銀色",
-  "LIVE_DEV_STYLER_COLOR_GRAY": "灰色",
-  "LIVE_DEV_STYLER_COLOR_BLACK": "黑色",
-  "LIVE_DEV_STYLER_COLOR_RED": "紅色",
-  "LIVE_DEV_STYLER_COLOR_MAROON": "栗色",
-  "LIVE_DEV_STYLER_COLOR_ORANGE": "橘色",
-  "LIVE_DEV_STYLER_COLOR_GOLD": "金色",
-  "LIVE_DEV_STYLER_COLOR_YELLOW": "黃色",
-  "LIVE_DEV_STYLER_COLOR_OLIVE": "橄欖色",
-  "LIVE_DEV_STYLER_COLOR_LIME": "萊姆色",
-  "LIVE_DEV_STYLER_COLOR_GREEN": "綠色",
-  "LIVE_DEV_STYLER_COLOR_TEAL": "藍綠色",
-  "LIVE_DEV_STYLER_COLOR_CYAN": "青色",
-  "LIVE_DEV_STYLER_COLOR_BLUE": "藍色",
-  "LIVE_DEV_STYLER_COLOR_NAVY": "海軍藍",
-  "LIVE_DEV_STYLER_COLOR_INDIGO": "靛藍色",
-  "LIVE_DEV_STYLER_COLOR_PURPLE": "紫色",
-  "LIVE_DEV_STYLER_COLOR_MAGENTA": "洋紅色",
-  "LIVE_DEV_STYLER_COLOR_VIOLET": "紫羅蘭色",
-  "LIVE_DEV_STYLER_COLOR_PINK": "粉紅色",
-  "LIVE_PREVIEW_SHOW_STYLES_BAR": "顯示樣式列"
+  "ERRORS_PANEL_TITLE_INFO_SUFFIX": "{0} ({1} 則資訊)",
+  "CMD_JUMPTO_DEFINITION": "前往定義",
+  "FIND_ALL_REFERENCES": "尋找使用處"
 });
\ No newline at end of file