diff --git a/CHANGELOG.md b/CHANGELOG.md
index 48330b4..d49231e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/),
 and this project adheres to [Semantic Versioning](https://semver.org/).
 
 ## [Unreleased]
+### Added
+- Added dependency to [ManeTools-Unity](https://github.com/ManeFunction/ManeTools-Unity.git).
+
+### Changed
+- `OptionalSizeField` replaced with universal `LimitedValueField` from the dependent package.
+- Moved context "Add component" menu to `Mane Tools -> UI -> DOTween UI Controller`.
+
 
 ## [2.1.0] - 2026-09-02
 ### Added
diff --git a/Editor/DOTweenUIController.uss b/Editor/DOTweenUIController.uss
index 0b9c300..fd9ce50 100644
--- a/Editor/DOTweenUIController.uss
+++ b/Editor/DOTweenUIController.uss
@@ -1,108 +1,35 @@
-/* Tween block styling */
-.tween-block {
-    border-width: 1px;
-    border-color: #555;
-    padding: 5px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    padding-bottom: 4px;
-}
-.tween-block .unity-toggle__text {
-    margin-left: 5px;
-}
-
-/* Header styling */
-.header {
-    font-size: 14px;
-    -unity-font-style: bold;
-    margin-left: 2px;
-    margin-bottom: 5px;
-}
-
-/* Header toggle styling */
-.tween-header .unity-toggle__text {
-    font-size: 14px;
-    -unity-font-style: bold;
-    margin-left: 5px;
-}
-
-/* Content container styling */
-.tween-content {
-    margin-left: 5px;
-    margin-top: 5px;
-    padding-right: 8px;
-}
-
-/* Easing block styling */
-.options-block {
-    border-width: 1px;
-    border-color: #555;
-    padding: 5px;
-    padding-right: 6px;
-    margin: 5px -8px 1px -5px;
-}
-
-/* Make curve and ease height consistent */
-.options-block .unity-base-field {
+.mie-nested-block .unity-base-field {
     height: 18px;
 }
 
-/* Fixing inconsistent flex between Property fields and typed one */
-.tween-block .unity-base-field__label {
-    flex-basis: 0;
-    flex-grow: 0;
-    flex-shrink: 0;
-    width: 150px;
-}
-.unity-property-field .unity-base-field__input {
-    margin-left: 12px;
+.mie-block > .message-box {
+    margin-top: 0;
+    min-width: 0;
+    overflow: hidden;
+    flex-wrap: nowrap;
 }
 
-/* Message box styling */
-.message-box {
-    border-width: 1px;
-    border-color: #555;
-    padding: 5px;
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    margin-bottom: 5px;
-}
-.message-icon {
-    width: 16px;
-    height: 16px;
-    background-image: resource("icons/console.warnicon.png");
-    margin-right: 5px;
-    flex-shrink: 0;
-}
-.message-box-label {
+.mie-block > .message-box > .message-box-label {
+    padding-right: 4px;
+    width: 0;
+    min-width: 0;
     flex-grow: 1;
-    flex-wrap: wrap;
+    flex-shrink: 1;
+    white-space: normal;
     overflow: hidden;
-    padding-right: 8px;
-    text-overflow: ellipsis;
-    -unity-overflow-clip-box: padding-box;
+    text-overflow: clip;
 }
+
 .add-component-button {
     flex-grow: 0;
     flex-shrink: 0;
     height: 18px;
-    margin: 0;
+    margin: 0 0 0 2px;
     padding: 0 6px;
-    border-width: 1px;
-    border-color: #555;
-    background-color: #333;
-    color: #fff;
     font-size: 11px;
-}
-.add-component-button:hover {
-    background-color: #444;
-}
-.add-component-button:active {
-    background-color: #555;
+    align-self: center;
 }
 
-/* Button styling */
 .buttons-row {
     flex-direction: row;
     justify-content: space-between;
@@ -112,11 +39,7 @@
     margin-right: -3px;
 }
 
-.button {
-    border-width: 1px;
-    border-color: #555;
-    background-color: #333;
-    color: #fff;
+.buttons-row .mie-button {
     height: 22px;
     -unity-background-scale-mode: scale-to-fit;
     background-size: 16px 16px;
@@ -125,13 +48,6 @@
     flex-grow: 1;
 }
 
-.button:hover {
-    background-color: #444;
-}
-.button:active {
-    background-color: #555;
-}
-
 .play-button {
     background-image: resource("d_PlayButton");
 }
@@ -153,7 +69,6 @@
     background-image: resource("d_Refresh");
 }
 
-/* Play-mode hover tip (built-in tooltip is off during Play Mode) */
 .button-tooltip {
     position: absolute;
     background-color: rgba(30, 30, 30, .95);
diff --git a/Editor/DOTweenUIControllerEditor.cs b/Editor/DOTweenUIControllerEditor.cs
index 7ba538c..aa81b05 100644
--- a/Editor/DOTweenUIControllerEditor.cs
+++ b/Editor/DOTweenUIControllerEditor.cs
@@ -1,4 +1,5 @@
 using System;
+using Mane.Unity.Editor;
 using UnityEditor;
 using UnityEngine;
 using UnityEngine.UI;
@@ -10,15 +11,10 @@
 namespace Mane.Unity.DOTween.Editor
 {
     [CustomEditor(typeof(DOTweenUIController))]
-    public class DOTweenUIControllerEditor : UnityEditor.Editor
+    public class DOTweenUIControllerEditor : ManeEditor
     {
-        [SerializeField] private VisualTreeAsset xml;
-        
-        public override VisualElement CreateInspectorGUI()
+        protected override void BuildInspector(VisualElement root)
         {
-            VisualElement root = new();
-            xml.CloneTree(root);
-            
             // Setup autoplay toggles
             Toggle restartOnEnableToggle = root.Q<Toggle>("restartOnEnableToggle");
             Toggle autoplayToggle = root.Q<Toggle>("autoplayToggle");
@@ -45,9 +41,6 @@ public override VisualElement CreateInspectorGUI()
             // Play-mode-only controls: built-in VisualElement.tooltip is suppressed in Play Mode
             SetupEditorButtons(root);
 
-            return root;
-            
-            
             void SetMainTogglesVisibility()
             {
                 restartOnEnableToggle.style.display = autoplayToggle.value ? DisplayStyle.Flex : DisplayStyle.None;
@@ -80,33 +73,31 @@ private void SetupTweenData(DOTweenUIController.TweenType tweenType, VisualEleme
                 Debug.LogError($"Toggle 'isEnableToggle' not found in '{elementName}'.");
                 return;
             }
-            
-            // Message box
-            VisualElement messageBox = tweenDataElement.Q<VisualElement>("messageBox");
-            if (messageBox == null)
-            {
-                Debug.LogError($"VisualElement 'messageBox' not found in '{elementName}'.");
-                return;
-            }
-            
+
             isEnableToggle.text = label;
-            
-            // Required component
-            Button addComponentButton = messageBox.Q<Button>("addComponentButton");
+
             Type componentToAdd = GetAddableComponentType(requiredComponent);
             if (requiredComponent != null && !TargetHasComponent(requiredComponent))
             {
                 ((DOTweenUIController)target).SetTweenEnabled(tweenType, false);
                 isEnableToggle.SetEnabled(false);
-                Label messageLabel = messageBox.Q<Label>("messageBoxLabel");
-                messageLabel.text = messageBox.tooltip = isEnableToggle.tooltip =
-                    $"'{requiredComponent.Name}' is required";
 
-                if (addComponentButton == null)
+                VisualElement messageBox = InfoBoxDrawer.Create(
+                    $"'{requiredComponent.Name}' is required",
+                    InfoBoxType.Warning);
+                messageBox.name = "messageBox";
+                messageBox.tooltip = isEnableToggle.tooltip = $"'{requiredComponent.Name}' is required";
+
+                Button addComponentButton = new()
                 {
-                    Debug.LogError($"Button 'addComponentButton' not found in '{elementName}'.");
-                }
-                else if (componentToAdd == null)
+                    name = "addComponentButton",
+                    text = "Add",
+                    tooltip = "Add"
+                };
+                addComponentButton.AddToClassList("mie-button");
+                addComponentButton.AddToClassList("add-component-button");
+
+                if (componentToAdd == null)
                 {
                     addComponentButton.style.display = DisplayStyle.None;
                 }
@@ -119,20 +110,18 @@ private void SetupTweenData(DOTweenUIController.TweenType tweenType, VisualEleme
                             return;
 
                         Undo.AddComponent(gameObject, componentToAdd);
+                        messageBox.style.display = DisplayStyle.None;
+                        isEnableToggle.SetEnabled(true);
+                        isEnableToggle.tooltip = string.Empty;
                     };
                 }
-            }
-            else
-            {
-                messageBox.style.display = DisplayStyle.None;
-            }
 
-            // Initialize base visibility
-            UpdateContentVisibility();
+                messageBox.Add(addComponentButton);
+
+                VisualElement block = tweenDataElement.Q(className: "mie-block") ?? tweenDataElement;
+                block.Insert(0, messageBox);
+            }
 
-            isEnableToggle.RegisterValueChangedCallback(_ => { UpdateContentVisibility(); });
-            
-            // Handle looping value
             IntegerField loopField = contentContainer.Q<IntegerField>("loopCountField");
             VisualElement loopOptions = contentContainer.Q<VisualElement>("loopOptions");
             if (loopField == null || loopOptions == null)
@@ -140,10 +129,8 @@ private void SetupTweenData(DOTweenUIController.TweenType tweenType, VisualEleme
                 Debug.LogError("One or more UI elements for loop data not found.");
                 return;
             }
-            
-            // Initialize loop type visibility
+
             UpdateLoopField();
-            
             loopField.RegisterValueChangedCallback(_ => { UpdateLoopField(); });
 
             // Handle useCurveToggle
@@ -164,16 +151,8 @@ private void SetupTweenData(DOTweenUIController.TweenType tweenType, VisualEleme
 
             return;
 
-            void UpdateContentVisibility()
-            {
-                bool isEnabled = isEnableToggle.value;
-                contentContainer.style.display = isEnabled ? DisplayStyle.Flex : DisplayStyle.None;
-            }
-
             void UpdateLoopField()
             {
-                if (loopField.value < -1)
-                    loopField.value = -1;
                 loopOptions.style.display = loopField.value == 0 ? DisplayStyle.None : DisplayStyle.Flex;
             }
 
diff --git a/Editor/DOTweenUIControllerEditor.uxml b/Editor/DOTweenUIControllerEditor.uxml
index b5ee4ea..6f16dce 100644
--- a/Editor/DOTweenUIControllerEditor.uxml
+++ b/Editor/DOTweenUIControllerEditor.uxml
@@ -1,8 +1,8 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" editor-extension-mode="True">
     <ui:Template name="TweenDataControl" src="TweenDataControl.uxml" />
     <Style src="DOTweenUIController.uss" />
-    <ui:VisualElement class="tween-block">
-        <ui:Label text="Options:" class="header"/>
+    <ui:VisualElement class="mie-block">
+        <ui:Label text="Options:" class="mie-header"/>
         <ui:Toggle binding-path="_autoplay" text="Autoplay" name="autoplayToggle" tooltip="Plays tweens automatically from the Start() of this component. Otherwise use Play() to invoke animations."/>
         <ui:Toggle binding-path="_createOnStart" text="Create on Start" name="createOnStartToggle" tooltip="Pre-creates tweens on Start() for more smooth play on demand."/>
         <ui:Toggle binding-path="_restartOnEnable" text="Restart on Enable" name="restartOnEnableToggle" tooltip="Restart tweens when Disable &gt; Enable object or component. DO NOT enable w/o needs, as it&apos;s disable tween auto-kill feature."/>
@@ -18,10 +18,10 @@
     <ui:Instance template="TweenDataControl" name="color" binding-path="_color"/>
     <ui:Instance template="TweenDataControl" name="fade" binding-path="_fade"/>
     <ui:VisualElement class="buttons-row">
-        <ui:Button name="playButton" tooltip="Play" class="button play-button"/>
-        <ui:Button name="playBackwardsButton" tooltip="Play backwards" class="button play-backwards-button"/>
-        <ui:Button name="stopButton" tooltip="Stop" class="button stop-button"/>
-        <ui:Button name="rewindButton" tooltip="Reset to initial" class="button rewind-button"/>
-        <ui:Button name="recreateButton" tooltip="Recreate" class="button recreate-button"/>
+        <ui:Button name="playButton" tooltip="Play" class="mie-button play-button"/>
+        <ui:Button name="playBackwardsButton" tooltip="Play backwards" class="mie-button play-backwards-button"/>
+        <ui:Button name="stopButton" tooltip="Stop" class="mie-button stop-button"/>
+        <ui:Button name="rewindButton" tooltip="Reset to initial" class="mie-button rewind-button"/>
+        <ui:Button name="recreateButton" tooltip="Recreate" class="mie-button recreate-button"/>
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Editor/LoopCountField.cs b/Editor/LoopCountField.cs
deleted file mode 100644
index 241bfb0..0000000
--- a/Editor/LoopCountField.cs
+++ /dev/null
@@ -1,26 +0,0 @@
-using System;
-using UnityEngine.UIElements;
-
-namespace Mane.Unity.DOTween.Editor
-{
-    [UxmlElement]
-    internal partial class LoopCountField : IntegerField
-    {
-        private const string InfinityLabel = "Infinity";
-        private const string NoneLabel = "None";
-
-        protected override string ValueToString(int v) => v == 0 
-            ? NoneLabel 
-            : v < 0 
-                ? InfinityLabel 
-                : base.ValueToString(v);
-
-        protected override int StringToValue(string str)
-        {
-            if (string.Equals(str, InfinityLabel, StringComparison.OrdinalIgnoreCase))
-                return -1;
-
-            return base.StringToValue(str);
-        }
-    }
-}
diff --git a/Editor/LoopCountField.cs.meta b/Editor/LoopCountField.cs.meta
deleted file mode 100644
index 9e1dd0c..0000000
--- a/Editor/LoopCountField.cs.meta
+++ /dev/null
@@ -1,2 +0,0 @@
-fileFormatVersion: 2
-guid: 11c44009e472640f2a0d8893a247cdda
\ No newline at end of file
diff --git a/Editor/TweenDataControl.uxml b/Editor/TweenDataControl.uxml
index 20aaa50..8914d47 100644
--- a/Editor/TweenDataControl.uxml
+++ b/Editor/TweenDataControl.uxml
@@ -1,28 +1,25 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" 
          xmlns:uie="UnityEditor.UIElements"
-         xmlns:editor="Mane.Unity.DOTween.Editor"
+         xmlns:mie="Mane.Unity.Editor"
          editor-extension-mode="True">
     
-    <ui:VisualElement class="tween-block">
-        <ui:VisualElement name="messageBox" class="message-box" >
-            <ui:Image name="messageIcon" class="message-icon" />
-            <ui:Label text="" name="messageBoxLabel" class="message-box-label" />
-            <ui:Button name="addComponentButton" text="Add" class="add-component-button" tooltip="Add" />
-        </ui:VisualElement>
-        <ui:Toggle name="isEnableToggle" binding-path="_isEnable" text="Is Enabled" class="tween-header" />
-        <ui:VisualElement name="contentContainer" class="tween-content">
+    <ui:VisualElement class="mie-block">
+        <mie:HeaderToggle name="isEnableToggle" binding-path="_isEnable" text="Is Enabled" />
+        <ui:VisualElement name="contentContainer" class="mie-content">
             <uie:PropertyField label="Delay" binding-path="_delay" />
             <uie:PropertyField label="Direction" binding-path="_direction" />
             <uie:PropertyField label="Value" binding-path="_value" />
             <uie:PropertyField label="Duration" binding-path="_duration" />
-            <ui:VisualElement class="options-block">
-                <editor:LoopCountField label="Loop Count" binding-path="_loopCount" name="loopCountField" class="typed-field" tooltip="Use -1 or scroll to negative value for infinite looping." />
+            <ui:VisualElement class="mie-nested-block">
+                <mie:LimitedValueField label="Loop Count" binding-path="_loopCount" name="loopCountField"
+                                          allow-negatives="true" negative-label="Infinity" zero-label="None"
+                                          class="typed-field" tooltip="Use -1 or scroll to negative value for infinite looping." />
                 <ui:VisualElement name="loopOptions" >
                     <uie:PropertyField label="Delay Between" binding-path="_delayBetweenLoops" />
                     <uie:PropertyField label="Loop Type" binding-path="_loopType" />
                 </ui:VisualElement>
             </ui:VisualElement>
-            <ui:VisualElement class="options-block">
+            <ui:VisualElement class="mie-nested-block">
                 <ui:Toggle name="useCurveToggle" label="Use Curve" binding-path="_easeData._useCurve" class="typed-field" />
                 <uie:PropertyField name="curveField" label="Curve" binding-path="_easeData._curve" />
                 <uie:PropertyField name="easeField" label="Ease" binding-path="_easeData._ease" />
diff --git a/Editor/manefunction.dotween-ui-controller.editor.asmdef b/Editor/manefunction.dotween-ui-controller.editor.asmdef
index dcccf94..f0215f4 100644
--- a/Editor/manefunction.dotween-ui-controller.editor.asmdef
+++ b/Editor/manefunction.dotween-ui-controller.editor.asmdef
@@ -2,7 +2,9 @@
     "name": "manefunction.dotween-ui-controller.editor",
     "rootNamespace": "Mane.Unity.DOTween.Editor",
     "references": [
-        "GUID:50bf2f3e6dfbd4ee9af1bbf77ae11920"
+        "GUID:50bf2f3e6dfbd4ee9af1bbf77ae11920",
+        "GUID:92798565309a34bec92f13faca6a3153",
+        "GUID:8a4e6e73610f6483791a6c2c8cdabadd"
     ],
     "includePlatforms": [
         "Editor"
diff --git a/README.md b/README.md
index c476ccc..4e89039 100644
--- a/README.md
+++ b/README.md
@@ -2,7 +2,7 @@
 
 A neat Unity controller component to set up UI `DOTween` animations without any code. `DOTween Pro` is not required, but it is supported!
 
-The package is supported starting from **Unity 6.0.81** (6000.1.81f1)
+The package is supported starting from **Unity 6.0.81** (6000.1.81f1) and dependent on [ManeTools-Unity](https://github.com/ManeFunction/ManeTools-Unity.git) (Editor part only).
 
 ## Features
 
@@ -47,7 +47,7 @@ On Windows, I recommend `Git Bash` (`MINGW`) for CLI work: it is a Unix-like she
 
 ## Usage
 
-Open the `Add Component` menu on a UI object, go to `Mane Tools -> Components -> DOTween UI Controller`, set up, and you are good.
+Open the `Add Component` menu on a UI object, go to `Mane Tools -> UI -> DOTween UI Controller`, set up, and you are good.
 
 ## Disclaimer
 
diff --git a/Runtime/DOTweenUIController.cs b/Runtime/DOTweenUIController.cs
index b360777..5f2c894 100644
--- a/Runtime/DOTweenUIController.cs
+++ b/Runtime/DOTweenUIController.cs
@@ -12,7 +12,7 @@ namespace Mane.Unity.DOTween
     /// backed by DOTween. Lifecycle flags on this component (autoplay, pause on disable,
     /// finish on stop) still apply when playback is controlled from code.
     /// </summary>
-    [AddComponentMenu("Mane Tools/Components/DOTween UI Controller")]
+    [AddComponentMenu("Mane Tools/UI/DOTween UI Controller")]
     public class DOTweenUIController : UIBehaviour
     {
         [SerializeField] private bool _autoplay = true;
diff --git a/package.json b/package.json
index 2c23a76..7a8f635 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "com.manefunction.dotween-ui-controller",
   "version": "2.1.0",
   "displayName": "DOTween UI Controller",
-  "description": "Neat Unity controller component to set up UI DOTween animations without any code.\nDOTween Pro is not required, but it is supported!\n\nCan be found in 'Add Component -> Mane Tools -> Components -> DOTween UI Controller'",
+  "description": "Neat Unity controller component to set up UI DOTween animations without any code.\nDOTween Pro is not required, but it is supported!\n\nCan be found in 'Add Component -> Mane Tools -> UI -> DOTween UI Controller'",
   "unity": "6000.0",
   "unityRelease": "81f1",
   "license": "MIT",
@@ -11,7 +11,8 @@
     "url": "git+https://github.com/ManeFunction/DOTween-UI-controller.git"
   },
   "dependencies": {
-    "com.unity.ugui": "2.0.0"
+    "com.unity.ugui": "2.0.0",
+    "com.manefunction.tools-unity": "2.0.0-preview.1"
   },
   "keywords": [
     "unity",