django-kv-config-widget 0.1.0__tar.gz

django_kv_config_widget-0.1.0/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 rRR0VrFP
+
+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.

django_kv_config_widget-0.1.0/PKG-INFO

@@ -0,0 +1,235 @@
+Metadata-Version: 2.4
+Name: django-kv-config-widget
+Version: 0.1.0
+Summary: A Django widget for managing key-value configuration pairs with dynamic add/remove support
+Author-email: rRR0VrFP <rrr0vrfp@qq.com>
+Maintainer-email: rRR0VrFP <rrr0vrfp@qq.com>
+License: MIT
+Project-URL: homepage, https://gitee.com/rRR0VrFP/django-kv-config-widget
+Keywords: django,widget,key-value,config,admin
+Classifier: Development Status :: 5 - Production/Stable
+Classifier: Framework :: Django
+Classifier: Framework :: Django :: 4.2
+Classifier: Framework :: Django :: 5.0
+Classifier: Framework :: Django :: 5.1
+Classifier: Framework :: Django :: 5.2
+Classifier: License :: OSI Approved :: MIT License
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3.10
+Classifier: Programming Language :: Python :: 3.11
+Classifier: Programming Language :: Python :: 3.12
+Requires-Python: >=3.10
+Description-Content-Type: text/markdown
+License-File: LICENSE
+Requires-Dist: Django>=4.2
+Requires-Dist: PyYAML>=6.0
+Dynamic: license-file
+
+# django-kv-config-widget
+
+django-kv-config-widget 是一个专为 Django 后台设计的键值对（Key-Value）配置编辑组件。它提供表格化界面，帮助非技术用户直观管理 JSON 配置数据，有效避免手工编辑原始 JSON 可能引发的格式错误。
+
+![Version](https://img.shields.io/badge/version-0.1.0-blue)
+![Django](https://img.shields.io/badge/Django-4.2%20%7C%205.0%20%7C%205.1%20%7C%205.2-green)
+![License](https://img.shields.io/badge/License-MIT-green)
+
+## 特性
+
+- 动态添加/删除行
+- 多行值输入，自动撑高
+- **类型系统** — `str`、`text`、`number`、`int`、`bool`（NullableBoolean）、`json`，自动切换控件，提交时校验类型
+- **`default_keys`** — 预设键名，支持默认值、占位提示、类型
+- **`required_keys`** — 必填键，值为空时阻止提交
+- **`allow_custom`** — 设为 `False` 时键以下拉选择，不可重复，所有键用完后自动隐藏添加按钮
+- **导入/导出** — 粘贴 YAML、JSON 或 `KEY=VALUE` 文本；一键导出为 YAML
+- **Enter** 在键输入框跳转到值输入框；在值文本框内换行
+- 国际化（默认英文，设置 `LANGUAGE_CODE=zh-hans` 切换中文）
+- Null 安全，跟随 Django CSS 变量主题，系统焦点环
+- 兼容 `JSONField` 和 `TextField`
+- 纯 CSS，无外部依赖
+
+## 安装
+
+```bash
+pip install django-kv-config-widget
+```
+
+在 `INSTALLED_APPS` 中注册：
+
+```python
+INSTALLED_APPS = [
+    ...
+    "django_kv_config_widget",
+]
+```
+
+## 用法
+
+### 推荐：使用 KVConfigFormField（自动校验）
+
+```python
+from django_kv_config_widget.fields import KVConfigFormField
+
+
+class ConfigForm(forms.Form):
+    settings = KVConfigFormField(
+        label="应用配置",
+        default_keys=[
+            {"key": "DB_URL",         "type": "str",  "default": "postgres://localhost:5432/app", "placeholder": "数据库连接地址"},
+            {"key": "DEBUG",          "type": "bool", "default": "true"},
+            {"key": "PORT",           "type": "int",  "default": "8080"},
+            {"key": "ALLOWED_HOSTS",  "type": "json", "placeholder": '["localhost", "example.com"]'},
+            "LOG_LEVEL",
+        ],
+        required_keys=["DB_URL"],
+        allow_custom=False,
+        help_text="仅允许预定义的键，DB_URL 为必填项。",
+    )
+```
+
+### 直接使用 Widget（手动校验）
+
+```python
+from django import forms
+from django_kv_config_widget.widgets import DjangoKVConfigWidget
+
+
+class ConfigForm(forms.Form):
+    settings = forms.JSONField(
+        widget=DjangoKVConfigWidget(
+            default_keys=[
+                {"key": "DB_URL", "type": "str", "default": "postgres://localhost/app"},
+                {"key": "PORT",   "type": "int", "default": "8080"},
+            ],
+            required_keys=["DB_URL"],
+        ),
+    )
+
+    def clean_settings(self):
+        value = self.cleaned_data.get("settings") or {}
+        widget = self.fields["settings"].widget
+        DjangoKVConfigWidget.validate_required_keys(value, widget.required_keys)
+        DjangoKVConfigWidget.validate_types(value, DjangoKVConfigWidget.get_type_map(widget.default_keys))
+        if not widget.allow_custom:
+            allowed = {dk["key"] for dk in widget.default_keys}
+            for k in value:
+                if k not in allowed:
+                    raise forms.ValidationError("'%s' 不在预定义键中" % k)
+        return value
+```
+
+### 在 Django Admin 中使用
+
+```python
+from django.contrib import admin
+from django import forms
+from django_kv_config_widget.fields import KVConfigFormField
+from .models import MyModel
+
+
+class MyModelForm(forms.ModelForm):
+    config = KVConfigFormField(
+        label="配置",
+        default_keys=[{"key": "DB_URL", "type": "str", "default": "postgres://localhost/app"}],
+        required_keys=["DB_URL"],
+        allow_custom=False,
+    )
+    class Meta:
+        model = MyModel
+        fields = "__all__"
+
+
+@admin.register(MyModel)
+class MyModelAdmin(admin.ModelAdmin):
+    form = MyModelForm
+```
+
+### `default_keys` 格式
+
+| 形式 | 示例 | 效果 |
+|------|------|------|
+| `str` | `"LOG_LEVEL"` | 文本输入框，无默认值 |
+| `dict` | `{"key":"PORT","type":"int","default":"8080","placeholder":"端口号"}` | 类型化输入，有默认值 + 占位提示 |
+
+### 类型对照
+
+| 类型 | 控件 | 值 |
+|------|------|-----|
+| `str` | textarea（单行外观） | 任意文本，支持换行 |
+| `text` | textarea | 任意文本，支持换行 |
+| `number` | `<input type="number">` | 浮点数 |
+| `int` | `<input type="number" step="1">` | 整数 |
+| `bool` | `<select>` | 空 / `true` / `false`（三态） |
+| `json` | textarea | 合法 YAML/JSON |
+
+### 导入 / 导出
+
+点击 **Import** 粘贴 YAML、JSON 或 `KEY=VALUE` 文本，自动解析填充表格。  
+点击 **Export** 将当前数据导出为 YAML。
+
+### 国际化
+
+默认界面为英文。设置以下内容可切换为中文：
+
+```python
+LANGUAGE_CODE = "zh-hans"
+```
+
+校验错误信息和占位提示均已翻译。
+
+## API
+
+### `DjangoKVConfigWidget`
+
+| 参数 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `default_keys` | `list[str \| dict]` | `[]` | 预定义键。`str` 为简单键名；`dict` 支持 `key`、`default`、`placeholder`、`type` |
+| `required_keys` | `list[str]` | `[]` | 必填键列表，值为空时提交不通过 |
+| `allow_custom` | `bool` | `True` | 是否允许自定义键。`False` 时键以下拉选择，不可重复，用完后隐藏添加按钮 |
+| `attrs` | `dict` | `None` | 标准 Django widget HTML 属性 |
+
+静态方法：
+- `validate_required_keys(value, required_keys)` — 必填键为空时抛出 `ValidationError`
+- `validate_types(value, type_map)` — 类型不匹配时抛出 `ValidationError`
+- `get_type_map(default_keys)` → `dict` — 构建 `{键名: 类型}` 映射
+
+### `KVConfigFormField(forms.JSONField)`
+
+自动校验必填键、类型、自定义键限制。接收 `default_keys`、`required_keys`、`allow_custom` 参数（透传给内部 widget）。
+
+## 数据格式
+
+提交时以 JSON 对象形式存储。空键被丢弃。空提交返回 `""`。
+
+```json
+{"KEY1": "value1", "KEY2": "value2"}
+```
+
+## 开发
+
+```bash
+git clone ...
+cd django-kv-config-widget
+pip install -r requirements.txt
+python manage.py migrate
+python manage.py createsuperuser
+python manage.py runserver
+```
+
+- 管理后台：http://127.0.0.1:8000/admin/
+
+## 更新记录
+
+### v0.1.0
+
+1. 动态添加/删除行，多行值自动撑高
+2. `default_keys` 支持 dict 格式（`default`、`placeholder`、`type`）
+3. 类型系统：`str`、`text`、`number`、`int`、`bool`（NullableBoolean）、`json`
+4. `required_keys` — 必填键为空时阻止提交
+5. `allow_custom` — 预定义键下拉选择；禁止重复；用完后隐藏添加按钮
+6. `KVConfigFormField` — 内置必填 + 类型 + 自定义键校验
+7. 导入/导出 — YAML、JSON、KEY=VALUE
+8. 键盘：Enter 键→值跳转；Enter 值内换行
+9. 国际化（英文默认，中文通过 `LANGUAGE_CODE=zh-hans`）
+10. 系统焦点环、Django CSS 变量主题
+11. `validate_required_keys`、`validate_types`、`get_type_map` 静态方法

django_kv_config_widget-0.1.0/README.md

@@ -0,0 +1,208 @@
+# django-kv-config-widget
+
+django-kv-config-widget 是一个专为 Django 后台设计的键值对（Key-Value）配置编辑组件。它提供表格化界面，帮助非技术用户直观管理 JSON 配置数据，有效避免手工编辑原始 JSON 可能引发的格式错误。
+
+![Version](https://img.shields.io/badge/version-0.1.0-blue)
+![Django](https://img.shields.io/badge/Django-4.2%20%7C%205.0%20%7C%205.1%20%7C%205.2-green)
+![License](https://img.shields.io/badge/License-MIT-green)
+
+## 特性
+
+- 动态添加/删除行
+- 多行值输入，自动撑高
+- **类型系统** — `str`、`text`、`number`、`int`、`bool`（NullableBoolean）、`json`，自动切换控件，提交时校验类型
+- **`default_keys`** — 预设键名，支持默认值、占位提示、类型
+- **`required_keys`** — 必填键，值为空时阻止提交
+- **`allow_custom`** — 设为 `False` 时键以下拉选择，不可重复，所有键用完后自动隐藏添加按钮
+- **导入/导出** — 粘贴 YAML、JSON 或 `KEY=VALUE` 文本；一键导出为 YAML
+- **Enter** 在键输入框跳转到值输入框；在值文本框内换行
+- 国际化（默认英文，设置 `LANGUAGE_CODE=zh-hans` 切换中文）
+- Null 安全，跟随 Django CSS 变量主题，系统焦点环
+- 兼容 `JSONField` 和 `TextField`
+- 纯 CSS，无外部依赖
+
+## 安装
+
+```bash
+pip install django-kv-config-widget
+```
+
+在 `INSTALLED_APPS` 中注册：
+
+```python
+INSTALLED_APPS = [
+    ...
+    "django_kv_config_widget",
+]
+```
+
+## 用法
+
+### 推荐：使用 KVConfigFormField（自动校验）
+
+```python
+from django_kv_config_widget.fields import KVConfigFormField
+
+
+class ConfigForm(forms.Form):
+    settings = KVConfigFormField(
+        label="应用配置",
+        default_keys=[
+            {"key": "DB_URL",         "type": "str",  "default": "postgres://localhost:5432/app", "placeholder": "数据库连接地址"},
+            {"key": "DEBUG",          "type": "bool", "default": "true"},
+            {"key": "PORT",           "type": "int",  "default": "8080"},
+            {"key": "ALLOWED_HOSTS",  "type": "json", "placeholder": '["localhost", "example.com"]'},
+            "LOG_LEVEL",
+        ],
+        required_keys=["DB_URL"],
+        allow_custom=False,
+        help_text="仅允许预定义的键，DB_URL 为必填项。",
+    )
+```
+
+### 直接使用 Widget（手动校验）
+
+```python
+from django import forms
+from django_kv_config_widget.widgets import DjangoKVConfigWidget
+
+
+class ConfigForm(forms.Form):
+    settings = forms.JSONField(
+        widget=DjangoKVConfigWidget(
+            default_keys=[
+                {"key": "DB_URL", "type": "str", "default": "postgres://localhost/app"},
+                {"key": "PORT",   "type": "int", "default": "8080"},
+            ],
+            required_keys=["DB_URL"],
+        ),
+    )
+
+    def clean_settings(self):
+        value = self.cleaned_data.get("settings") or {}
+        widget = self.fields["settings"].widget
+        DjangoKVConfigWidget.validate_required_keys(value, widget.required_keys)
+        DjangoKVConfigWidget.validate_types(value, DjangoKVConfigWidget.get_type_map(widget.default_keys))
+        if not widget.allow_custom:
+            allowed = {dk["key"] for dk in widget.default_keys}
+            for k in value:
+                if k not in allowed:
+                    raise forms.ValidationError("'%s' 不在预定义键中" % k)
+        return value
+```
+
+### 在 Django Admin 中使用
+
+```python
+from django.contrib import admin
+from django import forms
+from django_kv_config_widget.fields import KVConfigFormField
+from .models import MyModel
+
+
+class MyModelForm(forms.ModelForm):
+    config = KVConfigFormField(
+        label="配置",
+        default_keys=[{"key": "DB_URL", "type": "str", "default": "postgres://localhost/app"}],
+        required_keys=["DB_URL"],
+        allow_custom=False,
+    )
+    class Meta:
+        model = MyModel
+        fields = "__all__"
+
+
+@admin.register(MyModel)
+class MyModelAdmin(admin.ModelAdmin):
+    form = MyModelForm
+```
+
+### `default_keys` 格式
+
+| 形式 | 示例 | 效果 |
+|------|------|------|
+| `str` | `"LOG_LEVEL"` | 文本输入框，无默认值 |
+| `dict` | `{"key":"PORT","type":"int","default":"8080","placeholder":"端口号"}` | 类型化输入，有默认值 + 占位提示 |
+
+### 类型对照
+
+| 类型 | 控件 | 值 |
+|------|------|-----|
+| `str` | textarea（单行外观） | 任意文本，支持换行 |
+| `text` | textarea | 任意文本，支持换行 |
+| `number` | `<input type="number">` | 浮点数 |
+| `int` | `<input type="number" step="1">` | 整数 |
+| `bool` | `<select>` | 空 / `true` / `false`（三态） |
+| `json` | textarea | 合法 YAML/JSON |
+
+### 导入 / 导出
+
+点击 **Import** 粘贴 YAML、JSON 或 `KEY=VALUE` 文本，自动解析填充表格。  
+点击 **Export** 将当前数据导出为 YAML。
+
+### 国际化
+
+默认界面为英文。设置以下内容可切换为中文：
+
+```python
+LANGUAGE_CODE = "zh-hans"
+```
+
+校验错误信息和占位提示均已翻译。
+
+## API
+
+### `DjangoKVConfigWidget`
+
+| 参数 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `default_keys` | `list[str \| dict]` | `[]` | 预定义键。`str` 为简单键名；`dict` 支持 `key`、`default`、`placeholder`、`type` |
+| `required_keys` | `list[str]` | `[]` | 必填键列表，值为空时提交不通过 |
+| `allow_custom` | `bool` | `True` | 是否允许自定义键。`False` 时键以下拉选择，不可重复，用完后隐藏添加按钮 |
+| `attrs` | `dict` | `None` | 标准 Django widget HTML 属性 |
+
+静态方法：
+- `validate_required_keys(value, required_keys)` — 必填键为空时抛出 `ValidationError`
+- `validate_types(value, type_map)` — 类型不匹配时抛出 `ValidationError`
+- `get_type_map(default_keys)` → `dict` — 构建 `{键名: 类型}` 映射
+
+### `KVConfigFormField(forms.JSONField)`
+
+自动校验必填键、类型、自定义键限制。接收 `default_keys`、`required_keys`、`allow_custom` 参数（透传给内部 widget）。
+
+## 数据格式
+
+提交时以 JSON 对象形式存储。空键被丢弃。空提交返回 `""`。
+
+```json
+{"KEY1": "value1", "KEY2": "value2"}
+```
+
+## 开发
+
+```bash
+git clone ...
+cd django-kv-config-widget
+pip install -r requirements.txt
+python manage.py migrate
+python manage.py createsuperuser
+python manage.py runserver
+```
+
+- 管理后台：http://127.0.0.1:8000/admin/
+
+## 更新记录
+
+### v0.1.0
+
+1. 动态添加/删除行，多行值自动撑高
+2. `default_keys` 支持 dict 格式（`default`、`placeholder`、`type`）
+3. 类型系统：`str`、`text`、`number`、`int`、`bool`（NullableBoolean）、`json`
+4. `required_keys` — 必填键为空时阻止提交
+5. `allow_custom` — 预定义键下拉选择；禁止重复；用完后隐藏添加按钮
+6. `KVConfigFormField` — 内置必填 + 类型 + 自定义键校验
+7. 导入/导出 — YAML、JSON、KEY=VALUE
+8. 键盘：Enter 键→值跳转；Enter 值内换行
+9. 国际化（英文默认，中文通过 `LANGUAGE_CODE=zh-hans`）
+10. 系统焦点环、Django CSS 变量主题
+11. `validate_required_keys`、`validate_types`、`get_type_map` 静态方法

django_kv_config_widget-0.1.0/django_kv_config_widget/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class DjangoKvConfigWidgetConfig(AppConfig):
+    name = "django_kv_config_widget"
+    verbose_name = "KV Config Widget"

django_kv_config_widget-0.1.0/django_kv_config_widget/fields.py

@@ -0,0 +1,33 @@
+from django import forms
+
+from .widgets import DjangoKVConfigWidget
+
+
+class KVConfigFormField(forms.JSONField):
+
+    def __init__(self, *, default_keys=None, required_keys=None, allow_custom=True, **kwargs):
+        widget = kwargs.pop("widget", None) or DjangoKVConfigWidget(
+            default_keys=default_keys,
+            required_keys=required_keys,
+            allow_custom=allow_custom,
+        )
+        kwargs["widget"] = widget
+        super().__init__(**kwargs)
+
+    def clean(self, value):
+        value = super().clean(value)
+        required_keys = getattr(self.widget, "required_keys", None)
+        default_keys = getattr(self.widget, "default_keys", None) or []
+        allow_custom = getattr(self.widget, "allow_custom", True)
+        if required_keys and value:
+            DjangoKVConfigWidget.validate_required_keys(value, required_keys)
+        if value and isinstance(value, dict):
+            type_map = DjangoKVConfigWidget.get_type_map(default_keys)
+            if type_map:
+                DjangoKVConfigWidget.validate_types(value, type_map)
+            if not allow_custom:
+                allowed = {dk["key"] for dk in default_keys}
+                for k in value:
+                    if k not in allowed:
+                        raise forms.ValidationError("'%s' is not in the predefined keys" % k)
+        return value

django_kv_config_widget-0.1.0/django_kv_config_widget/locale/zh_Hans/LC_MESSAGES/django.po

@@ -0,0 +1,88 @@
+# Chinese (Simplified) translations for django-kv-config-widget
+# Copyright (C) 2025 rRR0VrFP
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: django-kv-config-widget 0.1.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2025-07-25 10:00+0800\n"
+"PO-Revision-Date: 2025-07-25 10:00+0800\n"
+"Last-Translator: rRR0VrFP <rrr0vrfp@qq.com>\n"
+"Language-Team: Chinese (Simplified)\n"
+"Language: zh_Hans\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+
+# Template strings
+msgid "Key"
+msgstr "键"
+
+msgid "Value"
+msgstr "值"
+
+msgid "Actions"
+msgstr "操作"
+
+msgid "Key name"
+msgstr "键名"
+
+msgid "Copy row"
+msgstr "复制行"
+
+msgid "Move up"
+msgstr "上移"
+
+msgid "Move down"
+msgstr "下移"
+
+msgid "Delete"
+msgstr "删除"
+
+msgid "+ Add"
+msgstr "+ 添加"
+
+msgid "Import"
+msgstr "导入"
+
+msgid "Export"
+msgstr "导出"
+
+msgid "Paste YAML / JSON / KEY=VALUE format text..."
+msgstr "粘贴 YAML/JSON/KEY=VALUE 格式文本..."
+
+msgid "Cancel"
+msgstr "取消"
+
+msgid "OK"
+msgstr "确定"
+
+msgid "Close"
+msgstr "关闭"
+
+# Validation messages
+msgid "Required fields: %s"
+msgstr "请填写必填项：%s"
+
+msgid "'%s' must be %s, got '%s'"
+msgstr "'%s' 需要 %s 类型，当前值 '%s' 无效"
+
+# Type labels
+msgid "string"
+msgstr "字符串"
+
+msgid "text"
+msgstr "多行文本"
+
+msgid "number"
+msgstr "浮点数"
+
+msgid "integer"
+msgstr "整数"
+
+msgid "boolean"
+msgstr "布尔值"
+
+msgid "JSON"
+msgstr "JSON"

django_kv_config_widget-0.1.0/django_kv_config_widget/static/django_kv_config_widget/css/django_kv_config_widget.css

@@ -0,0 +1,50 @@
+.django-kv-config-widget { max-width: 800px; border: 1px solid var(--border-color, #ccc); padding: 0; border-radius: 4px; }
+.django-kv-config-widget:focus-within { outline: 2px solid -webkit-focus-ring-color; outline-offset: 1px; }
+.django-kv-config-widget .django-kv-config-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
+.django-kv-config-widget .django-kv-config-table th { text-align: left; padding: 4px 8px; font-weight: 600; }
+
+.django-kv-config-widget .django-kv-config-key-col { width: 30%; }
+.django-kv-config-widget .django-kv-config-value-col { width: auto; }
+.django-kv-config-widget .django-kv-config-action-col { width: 20px; }
+.django-kv-config-widget .django-kv-config-table th.django-kv-config-action-col,
+.django-kv-config-widget .django-kv-config-table td.django-kv-config-action-col { text-align: center; white-space: nowrap; overflow: hidden; }
+.django-kv-config-widget .django-kv-config-key-input { width: 100%; box-sizing: border-box; }
+.django-kv-config-widget .django-kv-config-value-input { width: 100%; box-sizing: border-box; padding: 4px 6px; }
+.django-kv-config-widget .django-kv-config-value-input { resize: none; overflow: hidden; max-height: 10em; font-family: inherit; font-size: inherit; line-height: 1.4; }
+.django-kv-config-widget .django-kv-config-value-input[type="number"] { height: 1.875rem; }
+.django-kv-config-widget .django-kv-config-value-input[type="number"] { text-align: right; }
+
+.django-kv-config-widget .django-kv-config-table td.django-kv-config-action-col { padding: 2px; vertical-align: middle; }
+
+.django-kv-config-widget .django-kv-config-remove {
+  cursor: pointer; border: none; background: none; font-size: 14px; padding: 1px 2px; border-radius: 2px; line-height: 1; color: var(--error-fg, #ba2121); transition: background 0.15s; display: block; margin: 0 auto; width: 16px; text-align: center;
+}
+.django-kv-config-widget .django-kv-config-remove:hover { background: rgba(186,33,33,0.1); }
+
+.django-kv-config-widget .django-kv-config-toolbar { padding: 4px 8px; display: flex; gap: 6px; flex-wrap: wrap; align-items: center; }
+.django-kv-config-widget .django-kv-config-add,
+.django-kv-config-widget .django-kv-config-import,
+.django-kv-config-widget .django-kv-config-export {
+  cursor: pointer; border: 1px solid var(--border-color, #ccc); background: var(--darkened-bg, #f8f8f8);
+  padding: 4px 10px; border-radius: 3px; font-size: inherit;
+}
+.django-kv-config-widget .django-kv-config-add:hover,
+.django-kv-config-widget .django-kv-config-import:hover,
+.django-kv-config-widget .django-kv-config-export:hover { background: #e8e8e8; }
+
+.django-kv-config-widget .django-kv-config-required-row .django-kv-config-key-input { background: var(--darkened-bg, #f8f8f8); cursor: default; }
+.django-kv-config-widget .django-kv-config-required-row .django-kv-config-value-input { border-left: 2px solid var(--primary, #79aec8); }
+
+.errors .django-kv-config-widget input,
+.errors .django-kv-config-widget textarea,
+.errors .django-kv-config-widget select { border-color: var(--border-color, #ccc); }
+.errors .django-kv-config-widget .django-kv-config-required-row .django-kv-config-value-input[aria-required="true"]:placeholder-shown { border-color: var(--error-fg, #ba2121); }
+.errors .django-kv-config-required-row .django-kv-config-value-input[aria-required="true"]:placeholder-shown { border-left-color: var(--error-fg, #ba2121); }
+
+.django-kv-config-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; }
+.django-kv-config-modal-backdrop { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); }
+.django-kv-config-modal-dialog { position: relative; background: var(--body-bg, #fff); border: 1px solid var(--border-color, #ccc); border-radius: 4px; padding: 16px; min-width: 400px; max-width: 600px; width: 90%; box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
+.django-kv-config-modal-text { width: 100%; min-height: 200px; max-height: 400px; box-sizing: border-box; font-family: monospace; font-size: 13px; padding: 8px; border: 1px solid var(--border-color, #ccc); border-radius: 3px; }
+.django-kv-config-modal-actions { text-align: right; margin-top: 8px; }
+.django-kv-config-modal-actions button { margin-left: 6px; cursor: pointer; border: 1px solid var(--border-color, #ccc); background: var(--darkened-bg, #f8f8f8); padding: 4px 12px; border-radius: 3px; font-size: inherit; }
+.django-kv-config-modal-actions button:hover { background: #e8e8e8; }