@magicpages/kalotyp-ui 0.1.1 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/canvas/position-handles.d.ts.map +1 -1
- package/dist/canvas/preview-canvas.d.ts +1 -1
- package/dist/canvas/preview-canvas.d.ts.map +1 -1
- package/dist/canvas/render-overlay.d.ts.map +1 -1
- package/dist/icons.d.ts +1 -1
- package/dist/icons.d.ts.map +1 -1
- package/dist/index.d.ts +42 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +15928 -5184
- package/dist/index.js.map +1 -1
- package/dist/kalotyp-ui.css +2 -0
- package/dist/output/popover.d.ts.map +1 -1
- package/dist/plugins/annotate/coord-inputs.d.ts +10 -2
- package/dist/plugins/annotate/coord-inputs.d.ts.map +1 -1
- package/dist/plugins/annotate/emoji-data.d.ts +27 -0
- package/dist/plugins/annotate/emoji-data.d.ts.map +1 -0
- package/dist/plugins/annotate/emoji-images.d.ts +47 -0
- package/dist/plugins/annotate/emoji-images.d.ts.map +1 -0
- package/dist/plugins/annotate/emoji-picker.d.ts +29 -0
- package/dist/plugins/annotate/emoji-picker.d.ts.map +1 -0
- package/dist/plugins/annotate/fonts-loader.d.ts +22 -0
- package/dist/plugins/annotate/fonts-loader.d.ts.map +1 -0
- package/dist/plugins/annotate/mount.d.ts.map +1 -1
- package/dist/plugins/annotate/panel.d.ts +20 -1
- package/dist/plugins/annotate/panel.d.ts.map +1 -1
- package/dist/plugins/annotate/plugin.d.ts.map +1 -1
- package/dist/plugins/annotate/render.d.ts +3 -3
- package/dist/plugins/annotate/render.d.ts.map +1 -1
- package/dist/plugins/annotate/selection.d.ts +29 -1
- package/dist/plugins/annotate/selection.d.ts.map +1 -1
- package/dist/plugins/annotate/text-editor.d.ts +6 -2
- package/dist/plugins/annotate/text-editor.d.ts.map +1 -1
- package/dist/plugins/annotate/tools.d.ts +11 -0
- package/dist/plugins/annotate/tools.d.ts.map +1 -1
- package/dist/plugins/crop/interaction.d.ts.map +1 -1
- package/dist/plugins/crop/mount.d.ts +1 -1
- package/dist/plugins/crop/mount.d.ts.map +1 -1
- package/dist/plugins/crop/plugin.d.ts.map +1 -1
- package/dist/plugins/filter/mount.d.ts.map +1 -1
- package/dist/plugins/filter/thumbnails.d.ts.map +1 -1
- package/dist/plugins/finetune/mount.d.ts.map +1 -1
- package/dist/plugins/finetune/plugin.d.ts.map +1 -1
- package/dist/plugins/finetune/preview.d.ts.map +1 -1
- package/dist/plugins/flip/mount.d.ts.map +1 -1
- package/dist/plugins/flip/plugin.d.ts.map +1 -1
- package/dist/plugins/frame/mount.d.ts.map +1 -1
- package/dist/plugins/frame/plugin.d.ts.map +1 -1
- package/dist/plugins/redact/mount.d.ts.map +1 -1
- package/dist/plugins/redact/plugin.d.ts.map +1 -1
- package/dist/plugins/redact/render.d.ts.map +1 -1
- package/dist/plugins/redact/selection.d.ts.map +1 -1
- package/dist/plugins/resize/mount.d.ts.map +1 -1
- package/dist/plugins/resize/plugin.d.ts.map +1 -1
- package/dist/plugins/rotate/mount.d.ts.map +1 -1
- package/dist/plugins/rotate/plugin.d.ts.map +1 -1
- package/package.json +7 -7
- package/dist/styles.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/plugins/finetune/preview.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"preview.d.ts","sourceRoot":"","sources":["../../../src/plugins/finetune/preview.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,aAAa,EAEnB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAC;IAClC,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7C,OAAO,IAAI,IAAI,CAAC;CACjB;AAYD,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,YAAY,EAAE,iBAAiB,CAAC;CAC1C;AAED,wBAAgB,4BAA4B,CAC1C,OAAO,EAAE,2BAA2B,GACnC,uBAAuB,CAgEzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/flip/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/flip/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,KAAK,EAEV,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAQlC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,gBAAgB,GAAG,eAAe,CAuF3E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/flip/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/flip/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,GAAG,aAAa,CAAC,SAAS,CAAC,CAiBrF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/frame/mount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/frame/mount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,UAAU,EAGf,KAAK,WAAW,EAChB,KAAK,KAAK,EAIV,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAIlC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAClC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACnD;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;IACrE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CAC9C;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,gBAAgB,CAoK9E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/frame/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/frame/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,UAAU,EAEf,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,kBAAkB;IACjC,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,SAAS,CAAC;CACtE;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,kBAAkB,GAAG,aAAa,CAAC,UAAU,CAAC,CAkBxF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/mount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/mount.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAWL,KAAK,WAAW,EAGhB,KAAK,WAAW,EAChB,KAAK,KAAK,EAQV,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAUlC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,CA+XjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,mBAAmB;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;CACjC;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,aAAa,CAAC,WAAW,CAAC,CAmB3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/render.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAC;AA0BlC,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,GACjB,IAAI,CAYN;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,iBAAiB,EACzB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,aAAa,CAAC,YAAY,CAAC,EACpC,UAAU,EAAE,MAAM,GAAG,IAAI,EACzB,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,GACjB,IAAI,CAmEN;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE;IACP,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,EACR,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,QAAQ,EAAE,QAAQ,GACjB,IAAI,CA2BN"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/selection.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"selection.d.ts","sourceRoot":"","sources":["../../../src/plugins/redact/selection.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,WAAW,EAIhB,KAAK,KAAK,EAEV,KAAK,QAAQ,EACd,MAAM,0BAA0B,CAAC;AAIlC,MAAM,WAAW,2BAA2B;IAC1C,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAC9B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,gEAAgE;IAChE,YAAY,CAAC,KAAK,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpF,kDAAkD;IAClD,WAAW,IAAI,QAAQ,CAAC;IACxB,4CAA4C;IAC5C,MAAM,IAAI,IAAI,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC9D,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,yBAAyB,CACvC,OAAO,EAAE,2BAA2B,GACnC,oBAAoB,CA6GtB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/resize/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,
|
|
1
|
+
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/resize/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAEhB,KAAK,WAAW,EAChB,KAAK,KAAK,EAKV,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAQlC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC;;;;;OAKG;IACH,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,CAyFjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/resize/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/resize/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;CACjC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,aAAa,CAAC,WAAW,CAAC,CAiB3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/rotate/mount.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"mount.d.ts","sourceRoot":"","sources":["../../../src/plugins/rotate/mount.ts"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,WAAW,EAGhB,KAAK,WAAW,EAChB,KAAK,KAAK,EAEV,KAAK,kBAAkB,EACxB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;IAChC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC;IAC/B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC;IACnC,mEAAmE;IACnE,QAAQ,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IACvC,2GAA2G;IAC3G,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,IAAI,IAAI,CAAC;CACjB;AAOD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,kBAAkB,GAAG,iBAAiB,CA6IjF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/rotate/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../src/plugins/rotate/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC;CACjC;AAED,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,mBAAmB,GAAG,aAAa,CAAC,WAAW,CAAC,CAiB3F"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@magicpages/kalotyp-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.2.0",
|
|
4
4
|
"description": "Default UI for Kalotyp — an open-source image editor for Ghost CMS.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Jannis Fedoruk-Betschki <jannis@magicpages.co>",
|
|
@@ -38,14 +38,14 @@
|
|
|
38
38
|
"access": "public"
|
|
39
39
|
},
|
|
40
40
|
"dependencies": {
|
|
41
|
-
"lucide": "^1.
|
|
42
|
-
"@magicpages/kalotyp-core": "0.
|
|
41
|
+
"lucide": "^1.17.0",
|
|
42
|
+
"@magicpages/kalotyp-core": "0.2.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"jsdom": "
|
|
46
|
-
"typescript": "
|
|
47
|
-
"vite": "
|
|
48
|
-
"vitest": "
|
|
45
|
+
"jsdom": "29.1.1",
|
|
46
|
+
"typescript": "6.0.3",
|
|
47
|
+
"vite": "8.0.16",
|
|
48
|
+
"vitest": "4.1.8"
|
|
49
49
|
},
|
|
50
50
|
"scripts": {
|
|
51
51
|
"build": "vite build && tsc -p tsconfig.build.json",
|
package/dist/styles.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.pintura-editor{--color-background: 255, 255, 255;--color-foreground: 21, 23, 26;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;--editor-modal-border-radius: 0px;color-scheme:light;--kalotyp-success: 48, 207, 67;--kalotyp-border: rgba(var(--color-foreground), .16);--kalotyp-border-strong: rgba(var(--color-foreground), .36);--kalotyp-muted: rgba(var(--color-foreground), .7);--kalotyp-soft: rgba(var(--color-foreground), .08);--kalotyp-track: rgba(var(--color-foreground), .1);--kalotyp-radius: 6px;--kalotyp-radius-lg: 10px;--kalotyp-control-height: 36px;--kalotyp-text-size: 13px;--kalotyp-transition: all .2s ease;position:fixed;inset:0;z-index:2147483646;display:flex;background:rgb(var(--color-background));font-family:var(--font-family);color:rgb(var(--color-foreground));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}html:not(.dark) .pintura-editor{--color-background: 255, 255, 255 !important;--color-foreground: 21, 23, 26 !important;color-scheme:light}html.dark .pintura-editor{--color-background: 21, 23, 26 !important;--color-foreground: 244, 245, 246 !important;color-scheme:dark}.PinturaModal{position:relative!important;display:flex!important;flex:1 1 auto!important;width:100%!important;height:100%!important;min-height:0!important;background:rgb(var(--color-background));border-radius:var(--editor-modal-border-radius);overflow:hidden}.kalotyp-editor:focus,.kalotyp-editor:focus-visible{outline:none}.kalotyp-button-prefs{position:absolute;top:18px;right:56px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);font-size:16px;line-height:1;cursor:pointer;z-index:2;transition:var(--kalotyp-transition)}.kalotyp-button-prefs svg{width:16px;height:16px}.kalotyp-button-prefs:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-button-prefs:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-button-close{position:absolute;top:18px;right:14px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);font-size:16px;line-height:1;cursor:pointer;z-index:2;transition:var(--kalotyp-transition)}.kalotyp-button-close svg{width:16px;height:16px}.kalotyp-button-close:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-button-close:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-root{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;height:100%!important;min-height:0!important}.kalotyp-root[data-env~=landscape]{grid-template-rows:auto 1fr auto}.kalotyp-nav-tools{display:flex;align-items:center;gap:8px;padding:14px 180px 14px 24px;border-bottom:1px solid var(--kalotyp-border);min-height:56px;flex:0 0 auto}.kalotyp-history-controls{position:absolute;top:18px;right:100px;display:inline-flex;align-items:center;gap:4px;z-index:2}.kalotyp-history-button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-history-button svg{width:16px;height:16px}.kalotyp-history-button:hover:not(:disabled){color:rgb(var(--color-foreground));background:var(--kalotyp-track)}.kalotyp-history-button:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-history-button:disabled{opacity:.35;cursor:not-allowed}.kalotyp-main{display:flex!important;flex-direction:column!important;min-height:0!important;padding:12px 16px 0;gap:12px;background:rgb(var(--color-background))}.kalotyp-stage{position:relative!important;flex:1 1 0!important;min-height:0!important;border-radius:var(--kalotyp-radius);background:rgba(var(--color-foreground),.06)}.kalotyp-util-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:14px 24px;border-top:1px solid var(--kalotyp-border)}.pintura-editor .kalotyp-root>.kalotyp-nav-tools{padding-bottom:14px!important}.pintura-editor .kalotyp-root .kalotyp-stage{max-width:none!important;margin:0!important}.pintura-editor .kalotyp-root[data-env~=landscape] .kalotyp-util-main,.pintura-editor .kalotyp-root[data-env~=landscape] .kalotyp-util-footer{padding-right:24px!important}.kalotyp-export-group{display:inline-flex;align-items:stretch;height:var(--kalotyp-control-height);border:1px solid rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);background:rgb(var(--color-foreground));overflow:hidden;isolation:isolate;transition:var(--kalotyp-transition)}.kalotyp-export-group:focus-within{box-shadow:var(--kalotyp-focus-shadow)}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-export{display:inline-flex!important;align-items:center;justify-content:center;height:100%!important;padding:0 18px!important;border:0!important;border-radius:0!important;background:transparent!important;color:rgb(var(--color-background))!important;font-family:inherit;font-size:var(--kalotyp-text-size);font-weight:700!important;line-height:1;cursor:pointer;transition:background .18s ease;opacity:1!important}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-export:hover{background:rgba(var(--color-background),.12)!important;color:rgb(var(--color-background))!important;opacity:1!important}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-export:focus-visible{outline:none;background:rgba(var(--color-background),.12)!important}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-export:disabled{opacity:.4!important;cursor:not-allowed}.kalotyp-button-inner{display:inline-block}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings{display:inline-flex!important;align-items:center;justify-content:center;height:100%!important;width:36px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:rgb(var(--color-background))!important;cursor:pointer;transition:background .18s ease;opacity:1!important;box-shadow:inset 1px 0 rgba(var(--color-background),.22)}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings:hover{background:rgba(var(--color-background),.12)!important;color:rgb(var(--color-background))!important;opacity:1!important}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings:focus-visible{outline:none;background:rgba(var(--color-background),.12)!important}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings:disabled{opacity:.4!important;cursor:not-allowed}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings[aria-expanded=true]{background:rgba(var(--color-background),.18)!important}.pintura-editor .kalotyp-root .kalotyp-export-group:hover{background:rgba(var(--color-foreground),.92);border-color:rgba(var(--color-foreground),.92)}.kalotyp-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.pintura-editor{--kalotyp-focus-ring: rgb(var(--color-foreground));--kalotyp-focus-halo: rgb(var(--color-background));--kalotyp-focus-shadow: 0 0 0 2px var(--kalotyp-focus-halo), 0 0 0 4px var(--kalotyp-focus-ring)}.kalotyp-nested-overlay{position:absolute;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.kalotyp-nested-overlay--modal{background:rgba(var(--color-foreground),.32)}.kalotyp-nested-overlay--popover{background:transparent;pointer-events:auto}.kalotyp-nested-surface{position:relative;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius-lg);box-shadow:0 10px 30px #0000002e,0 2px 6px #00000014;min-width:280px;max-width:min(520px,calc(100% - 32px));max-height:calc(100% - 32px);overflow:hidden;display:flex;flex-direction:column}.kalotyp-nested-surface:focus-visible{outline:none}.kalotyp-nested-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--kalotyp-border)}.kalotyp-nested-title{margin:0;font-size:14px;font-weight:600;line-height:1.2}.kalotyp-nested-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);font-size:22px;line-height:1;cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-nested-close:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-nested-close:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-nested-body{padding:16px 14px;overflow-y:auto}.kalotyp-stage-container{position:absolute;inset:0;overflow:hidden;background:transparent;user-select:none;touch-action:none}.kalotyp-stage-status{position:absolute;inset:50% 0 auto;display:flex;align-items:center;justify-content:center;padding:12px 18px;text-align:center;pointer-events:none;color:rgba(var(--color-foreground),.7);font-size:14px}.kalotyp-stage-image,.kalotyp-stage-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.kalotyp-stage-overlay{z-index:1}.kalotyp-stage-body{position:absolute;z-index:2;cursor:move;touch-action:none}.kalotyp-handles{position:absolute;inset:0;z-index:3;pointer-events:none}.kalotyp-corner-anchor{position:absolute;width:0;height:0;pointer-events:none}.kalotyp-handle{position:absolute;margin:0;padding:0;border:none;background:transparent;pointer-events:auto;touch-action:none}.kalotyp-handle[data-shape=circle]{width:12px;height:12px;left:-6px;top:-6px;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));box-shadow:0 1px 3px #0000002e}.kalotyp-handle[data-shape=circle][data-direction=tl],.kalotyp-handle[data-shape=circle][data-direction=br]{cursor:nwse-resize}.kalotyp-handle[data-shape=circle][data-direction=tr],.kalotyp-handle[data-shape=circle][data-direction=bl]{cursor:nesw-resize}.kalotyp-handle[data-shape=edge][data-direction=t],.kalotyp-handle[data-shape=edge][data-direction=b]{height:6px;margin-top:-3px;cursor:ns-resize}.kalotyp-handle[data-shape=edge][data-direction=l],.kalotyp-handle[data-shape=edge][data-direction=r]{width:6px;margin-left:-3px;cursor:ew-resize}.kalotyp-handle:focus-visible{outline:2px solid var(--kalotyp-focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--kalotyp-focus-halo)}.kalotyp-crop-panel{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.kalotyp-preset-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:center}.kalotyp-preset-button{display:inline-flex;align-items:center;height:var(--kalotyp-control-height);padding:0 12px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-preset-button:hover{background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-preset-button:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-preset-button[aria-checked=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.kalotyp-crop-dims{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:6px}.kalotyp-crop-dims-field{display:flex;flex-direction:column;gap:4px}.kalotyp-crop-dims-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-crop-dims-input{width:80px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-crop-dims-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background))}.kalotyp-util-nav{display:inline-flex;align-items:center;gap:2px;padding:4px;background:var(--kalotyp-track);border-radius:var(--kalotyp-radius-lg)}.kalotyp-util-nav-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--kalotyp-muted);font:inherit;font-size:var(--kalotyp-text-size);font-weight:500;cursor:pointer;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.kalotyp-util-nav-button:hover{color:rgb(var(--color-foreground))}.kalotyp-util-nav-button:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-util-nav-button[aria-selected=true]{background:rgb(var(--color-background));border-color:var(--kalotyp-border);color:rgb(var(--color-foreground));font-weight:600;box-shadow:0 1px 2px #0000000a}.kalotyp-util-nav-button:disabled{opacity:.4;cursor:not-allowed}.kalotyp-preview-canvas{pointer-events:none}.kalotyp-flip-panel,.kalotyp-rotate-panel,.kalotyp-resize-panel{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;font-size:var(--kalotyp-text-size)}.kalotyp-rotate-row{display:flex;align-items:center;gap:8px}.kalotyp-resize-row{display:flex;align-items:end;gap:8px}.kalotyp-util-main{display:flex;align-items:center;justify-content:center;padding:18px 24px;min-height:88px;flex:0 0 auto;border-top:1px solid var(--kalotyp-border);background:rgb(var(--color-background))}.kalotyp-flip-panel{display:flex;gap:8px;justify-content:center}.kalotyp-toggle-button{display:inline-flex;align-items:center;height:var(--kalotyp-control-height);padding:0 14px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-toggle-button:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-toggle-button:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-toggle-button[aria-pressed=true]{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.kalotyp-rotate-slider-label{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted);min-width:72px}.kalotyp-rotate-slider{flex:1;min-width:220px;height:4px;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.kalotyp-rotate-slider::-webkit-slider-runnable-track{height:4px;background:var(--kalotyp-border);border-radius:999px}.kalotyp-rotate-slider::-moz-range-track{height:4px;background:var(--kalotyp-border);border-radius:999px}.kalotyp-rotate-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));box-shadow:0 1px 3px #0003;cursor:ew-resize}.kalotyp-rotate-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));box-shadow:0 1px 3px #0003;cursor:ew-resize}.kalotyp-rotate-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.kalotyp-rotate-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.kalotyp-rotate-input{width:72px;height:var(--kalotyp-control-height);padding:0 8px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-rotate-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background))}.kalotyp-rotate-input-group{display:inline-flex;align-items:center;gap:4px}.kalotyp-rotate-suffix{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted);font-variant-numeric:tabular-nums}.kalotyp-rotate-reset{height:var(--kalotyp-control-height);padding:0 12px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-rotate-reset:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-rotate-reset:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-quarter-button{width:36px;height:var(--kalotyp-control-height);padding:0;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font-size:18px;line-height:1;cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-quarter-button:hover{background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-quarter-button:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-resize-field{display:flex;flex-direction:column;gap:4px}.kalotyp-resize-field-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-resize-input{width:92px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-resize-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background))}.kalotyp-resize-lock{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-resize-lock:hover{border-color:var(--kalotyp-border-strong);color:rgb(var(--color-foreground))}.kalotyp-resize-lock:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-resize-lock[aria-pressed=true]{color:rgb(var(--color-foreground));border-color:var(--kalotyp-border-strong)}.kalotyp-resize-dims{align-items:end}.kalotyp-resize-dims .kalotyp-resize-lock{margin-bottom:2px}.kalotyp-resize-summary{font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));font-variant-numeric:tabular-nums}.kalotyp-resize-helper{font-size:12px;color:var(--kalotyp-muted)}.kalotyp-annotate-stage{position:absolute;inset:0;overflow:hidden;background:transparent;user-select:none;touch-action:none}.kalotyp-annotate-image,.kalotyp-annotate-shapes,.kalotyp-annotate-live{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.kalotyp-annotate-shapes{z-index:1}.kalotyp-annotate-live{z-index:2}.kalotyp-annotate-hit{position:absolute;inset:0;z-index:3;cursor:crosshair}.kalotyp-annotate-stage[data-tool=select] .kalotyp-annotate-hit{cursor:default}.kalotyp-annotate-stage[data-tool=text] .kalotyp-annotate-hit{cursor:text}.kalotyp-annotate-handles{position:absolute;inset:0;z-index:4;pointer-events:none}.kalotyp-annotate-handle{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border:2px solid rgb(var(--color-background));border-radius:50%;background:rgb(var(--color-foreground));box-shadow:0 1px 2px #0006;cursor:pointer;pointer-events:auto;padding:0;font-size:0;touch-action:none}.kalotyp-annotate-handle:focus-visible{outline:2px solid var(--kalotyp-focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--kalotyp-focus-halo)}.kalotyp-annotate-handle[data-direction=tl],.kalotyp-annotate-handle[data-direction=br]{cursor:nwse-resize}.kalotyp-annotate-handle[data-direction=tr],.kalotyp-annotate-handle[data-direction=bl]{cursor:nesw-resize}.kalotyp-annotate-handle[data-direction=t],.kalotyp-annotate-handle[data-direction=b]{cursor:ns-resize}.kalotyp-annotate-handle[data-direction=l],.kalotyp-annotate-handle[data-direction=r]{cursor:ew-resize}.kalotyp-annotate-text-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}.kalotyp-annotate-text-editor{position:absolute;pointer-events:auto;min-width:60px;min-height:1em;padding:4px 6px;margin-left:-6px;margin-top:-4px;background:rgba(var(--color-background),.85);border:1px dashed rgba(var(--color-foreground),.55);border-radius:4px;outline:none;white-space:pre-wrap;word-break:break-word;line-height:1.2;caret-color:rgb(var(--color-foreground))}.kalotyp-annotate-panel{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%}.kalotyp-annotate-toolbar{display:inline-flex;align-items:center;gap:4px;padding:4px;background:var(--kalotyp-track);border-radius:var(--kalotyp-radius-lg)}.kalotyp-annotate-tool{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--kalotyp-muted);font-size:16px;font-weight:500;cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-annotate-tool svg{display:block;width:18px;height:18px}.kalotyp-annotate-tool:hover{color:rgb(var(--color-foreground))}.kalotyp-annotate-tool:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-annotate-tool[aria-pressed=true]{background:rgb(var(--color-background));border-color:var(--kalotyp-border);color:rgb(var(--color-foreground));box-shadow:0 1px 2px #0000000a}.kalotyp-annotate-style-row{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.kalotyp-annotate-swatches{display:inline-flex;align-items:center;gap:4px}.kalotyp-annotate-swatch{width:22px;height:22px;padding:0;border:2px solid var(--kalotyp-border);border-radius:50%;background:var(--kalotyp-swatch, currentColor);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-annotate-swatch:hover{transform:scale(1.08)}.kalotyp-annotate-swatch:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-annotate-swatch[aria-checked=true]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-background)) inset}.kalotyp-annotate-hex{width:116px;height:28px;padding:0 8px 0 32px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));background-image:linear-gradient(var(--kalotyp-hex-swatch, #000),var(--kalotyp-hex-swatch, #000));background-repeat:no-repeat;background-position:6px center;background-size:18px 18px;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-transform:lowercase;font-variant-numeric:tabular-nums}.kalotyp-annotate-hex:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-annotate-stroke-label{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted)}.kalotyp-annotate-stroke{width:120px}.kalotyp-annotate-delete{display:inline-flex;align-items:center;gap:6px;height:var(--kalotyp-control-height);padding:0 12px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-annotate-delete svg{width:14px;height:14px}.kalotyp-annotate-delete:hover:not(:disabled){background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-annotate-delete:disabled{opacity:.4;cursor:not-allowed}.kalotyp-annotate-insert{display:inline-flex;align-items:center;gap:6px;height:var(--kalotyp-control-height);padding:0 12px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-annotate-insert svg{width:14px;height:14px}.kalotyp-annotate-insert:hover:not(:disabled){background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-annotate-insert:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-annotate-insert:disabled{opacity:.4;cursor:not-allowed}.kalotyp-annotate-coords{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:6px}.kalotyp-annotate-coords[hidden]{display:none}.kalotyp-annotate-coords-field{display:flex;flex-direction:column;gap:4px}.kalotyp-annotate-coords-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-annotate-coords-input{width:80px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-annotate-coords-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background))}.kalotyp-finetune-panel{display:grid;grid-template-columns:1fr;gap:6px;width:100%;max-width:640px;margin:0 auto;font-size:var(--kalotyp-text-size)}.kalotyp-util-main:has(.kalotyp-finetune-panel){align-items:stretch;justify-content:center;padding-block:16px}.kalotyp-finetune-row{display:flex;align-items:center;gap:10px;height:32px}.kalotyp-finetune-label{flex:0 0 auto;width:84px;color:var(--kalotyp-muted);font-size:var(--kalotyp-text-size);font-weight:500;text-align:right}.kalotyp-finetune-slider{flex:1;min-width:160px;height:4px;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.kalotyp-finetune-slider::-webkit-slider-runnable-track{height:4px;background:var(--kalotyp-border);border-radius:999px}.kalotyp-finetune-slider::-moz-range-track{height:4px;background:var(--kalotyp-border);border-radius:999px}.kalotyp-finetune-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));box-shadow:0 1px 3px #0003;cursor:ew-resize}.kalotyp-finetune-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));box-shadow:0 1px 3px #0003;cursor:ew-resize}.kalotyp-finetune-slider:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.kalotyp-finetune-slider:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px rgb(var(--color-background)),0 0 0 5px rgb(var(--color-foreground))}.kalotyp-finetune-input{flex:0 0 auto;width:60px;height:28px;padding:0 8px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-finetune-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-finetune-row-reset{flex:0 0 auto;width:28px;height:28px;padding:0;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);font-size:14px;line-height:1;cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-finetune-row-reset:hover{border-color:var(--kalotyp-border-strong);color:rgb(var(--color-foreground))}.kalotyp-finetune-row-reset:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-finetune-reset-all{align-self:flex-end;margin-top:4px;height:28px;padding:0 12px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-finetune-reset-all:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-finetune-reset-all:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-filter-panel{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;margin:0 auto;font-size:var(--kalotyp-text-size)}.kalotyp-util-main:has(.kalotyp-filter-panel){align-items:stretch;justify-content:center;padding-block:12px}.kalotyp-filter-strip{display:flex;gap:12px;padding:4px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start}@media (min-width: 720px){.kalotyp-filter-strip{justify-content:center}}.kalotyp-filter-thumb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border:0;background:transparent;cursor:pointer;font:inherit;color:rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);transition:var(--kalotyp-transition)}.kalotyp-filter-thumb:hover{background:var(--kalotyp-soft)}.kalotyp-filter-thumb:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-filter-thumb-image{display:block;border:2px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);overflow:hidden;background:var(--kalotyp-track);line-height:0;transition:var(--kalotyp-transition)}.kalotyp-filter-thumb-canvas{display:block;width:100%;height:100%}.kalotyp-filter-thumb-label{font-size:12px;color:var(--kalotyp-muted);text-align:center;line-height:1.2;font-variant-numeric:tabular-nums;min-height:14px}.kalotyp-filter-thumb--active .kalotyp-filter-thumb-image{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.18)}.kalotyp-filter-thumb--active .kalotyp-filter-thumb-label{color:rgb(var(--color-foreground));font-weight:600}.kalotyp-filter-thumb-check{position:absolute;top:4px;right:4px;width:18px;height:18px;display:none;align-items:center;justify-content:center;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:12px;line-height:1;font-weight:700;pointer-events:none}.kalotyp-filter-thumb-image{position:relative}.kalotyp-filter-thumb--active .kalotyp-filter-thumb-check{display:inline-flex}.kalotyp-redact-stage{position:absolute;inset:0;overflow:hidden;background:transparent;user-select:none;touch-action:none}.kalotyp-redact-image,.kalotyp-redact-regions,.kalotyp-redact-live{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;display:block}.kalotyp-redact-regions{z-index:1}.kalotyp-redact-live{z-index:2}.kalotyp-redact-hit{position:absolute;inset:0;z-index:3;cursor:crosshair}.kalotyp-redact-handles{position:absolute;inset:0;z-index:4;pointer-events:none}.kalotyp-redact-handle{position:absolute;width:12px;height:12px;margin-left:-6px;margin-top:-6px;border:2px solid rgb(var(--color-background));border-radius:50%;background:rgb(var(--color-foreground));box-shadow:0 1px 2px #0006;cursor:pointer;pointer-events:auto;padding:0;font-size:0;touch-action:none}.kalotyp-redact-handle:focus-visible{outline:2px solid var(--kalotyp-focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--kalotyp-focus-halo)}.kalotyp-redact-handle[data-direction=tl],.kalotyp-redact-handle[data-direction=br]{cursor:nwse-resize}.kalotyp-redact-handle[data-direction=tr],.kalotyp-redact-handle[data-direction=bl]{cursor:nesw-resize}.kalotyp-redact-handle[data-direction=t],.kalotyp-redact-handle[data-direction=b]{cursor:ns-resize}.kalotyp-redact-handle[data-direction=l],.kalotyp-redact-handle[data-direction=r]{cursor:ew-resize}.kalotyp-redact-panel{display:flex;flex-direction:column;gap:10px;width:100%;max-width:720px;margin:0 auto;font-size:var(--kalotyp-text-size)}.kalotyp-redact-toolbar{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.kalotyp-redact-mode{height:var(--kalotyp-control-height);padding:0 14px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-redact-mode:hover{background:var(--kalotyp-soft)}.kalotyp-redact-mode:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-redact-mode--active{background:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;border-color:rgb(var(--color-foreground))!important;font-weight:600;box-shadow:0 0 0 1px rgb(var(--color-foreground)) inset}.kalotyp-redact-style-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center}.kalotyp-redact-color-group,.kalotyp-redact-button-group{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.kalotyp-redact-color-hint{flex:1 1 100%;text-align:center;font-size:12px;color:var(--kalotyp-muted);font-style:italic}.kalotyp-redact-color-hint[hidden]{display:none}.kalotyp-redact-color{width:36px;height:var(--kalotyp-control-height);padding:0;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;cursor:pointer}.kalotyp-redact-color:disabled{opacity:.4;cursor:not-allowed}.kalotyp-redact-hex{width:100px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);font-variant-numeric:tabular-nums;text-align:left}.kalotyp-redact-hex:disabled{opacity:.4;cursor:not-allowed}.kalotyp-redact-hex:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-redact-insert,.kalotyp-redact-delete{display:inline-flex;align-items:center;gap:6px;height:var(--kalotyp-control-height);padding:0 14px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-redact-insert:hover,.kalotyp-redact-delete:hover{background:var(--kalotyp-soft)}.kalotyp-redact-insert:focus-visible,.kalotyp-redact-delete:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-redact-delete:disabled{opacity:.5;cursor:not-allowed}.kalotyp-redact-coords{display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:6px}.kalotyp-redact-coords[hidden]{display:none}.kalotyp-redact-coords-field{display:flex;flex-direction:column;gap:4px}.kalotyp-redact-coords-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-redact-coords-input{width:80px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums}.kalotyp-redact-coords-input:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background))}.kalotyp-frame-panel{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%;margin:0 auto;font-size:var(--kalotyp-text-size)}.kalotyp-util-main:has(.kalotyp-frame-panel){align-items:stretch;justify-content:center;padding-block:12px}.kalotyp-frame-strip-wrap{display:block}.kalotyp-frame-strip{display:flex;gap:12px;padding:4px 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start}@media (min-width: 720px){.kalotyp-frame-strip{justify-content:center}}.kalotyp-frame-thumb{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border:0;background:transparent;cursor:pointer;font:inherit;color:rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);transition:var(--kalotyp-transition)}.kalotyp-frame-thumb:hover{background:var(--kalotyp-soft)}.kalotyp-frame-thumb:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-frame-thumb-image{display:block;position:relative;border:2px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);overflow:hidden;background:var(--kalotyp-track);line-height:0;transition:var(--kalotyp-transition);width:80px;height:60px;display:flex;align-items:center;justify-content:center}.kalotyp-frame-thumb-canvas{display:block;max-width:100%;max-height:100%}.kalotyp-frame-thumb-label{font-size:12px;color:var(--kalotyp-muted);text-align:center;line-height:1.2;font-variant-numeric:tabular-nums;min-height:14px}.kalotyp-frame-thumb--active .kalotyp-frame-thumb-image{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 3px rgba(var(--color-foreground),.18)}.kalotyp-frame-thumb--active .kalotyp-frame-thumb-label{color:rgb(var(--color-foreground));font-weight:600}.kalotyp-frame-thumb-check{position:absolute;top:4px;right:4px;width:18px;height:18px;display:none;align-items:center;justify-content:center;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:12px;line-height:1;font-weight:700;pointer-events:none}.kalotyp-frame-thumb--active .kalotyp-frame-thumb-check{display:inline-flex}.kalotyp-frame-color-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.kalotyp-frame-color-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-frame-color-hint{flex:1 1 100%;text-align:center;font-size:12px;color:var(--kalotyp-muted);font-style:italic}.kalotyp-frame-color-hint[hidden]{display:none}.kalotyp-frame-color{width:36px;height:var(--kalotyp-control-height);padding:0;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;cursor:pointer}.kalotyp-frame-color:disabled{opacity:.4;cursor:not-allowed}.kalotyp-frame-hex{width:100px;height:var(--kalotyp-control-height);padding:0 10px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);font-variant-numeric:tabular-nums;text-align:left}.kalotyp-frame-hex:disabled{opacity:.4;cursor:not-allowed}.kalotyp-frame-hex:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-frame-preview-container{position:absolute;inset:0}.kalotyp-frame-preview-canvas{position:absolute}.kalotyp-nested-overlay--popover .kalotyp-nested-surface.kalotyp-output-popover{min-width:280px;max-width:320px}.kalotyp-output-popover-body{display:flex;flex-direction:column;gap:10px}.kalotyp-output-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px}.kalotyp-output-row-label{font-size:12px;color:var(--kalotyp-muted);font-weight:500}.kalotyp-output-format{height:var(--kalotyp-control-height);padding:0 8px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size)}.kalotyp-output-format:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-output-quality{width:100%;accent-color:rgb(var(--color-foreground))}.kalotyp-output-quality:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow);border-radius:var(--kalotyp-radius)}.kalotyp-output-quality-readout{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted);font-variant-numeric:tabular-nums;min-width:28px;text-align:right}.kalotyp-output-hint{margin:0 0 4px 74px;font-size:12px;color:var(--kalotyp-muted)}.kalotyp-output-summary{margin:4px 0 0;font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));font-weight:500}.kalotyp-output-metadata-row{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:var(--kalotyp-text-size);cursor:pointer}.kalotyp-output-metadata-checkbox{accent-color:rgb(var(--color-foreground));width:16px;height:16px;margin:0}.kalotyp-output-metadata-text{line-height:1.3}.kalotyp-output-metadata-hint{margin:2px 0 0;padding-left:24px;font-size:11px;color:var(--kalotyp-muted);font-style:italic;line-height:1.4;min-height:16px}.kalotyp-output-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--kalotyp-border)}.kalotyp-output-done{height:var(--kalotyp-control-height);padding:0 14px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-output-done:hover{background:var(--kalotyp-soft)}.kalotyp-output-done:focus-visible{outline:none;border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-output-save{height:var(--kalotyp-control-height);padding:0 16px;border:1px solid rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font:inherit;font-size:var(--kalotyp-text-size);font-weight:600;cursor:pointer;transition:var(--kalotyp-transition)}.kalotyp-output-save:hover{background:rgba(var(--color-foreground),.88);border-color:rgba(var(--color-foreground),.88)}.kalotyp-output-save:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-output-save:disabled{opacity:.4;cursor:not-allowed}.kalotyp-nested-overlay--modal .kalotyp-nested-surface.kalotyp-preferences-modal{min-width:360px;max-width:460px}.kalotyp-preferences-body{display:flex;flex-direction:column;gap:18px}.kalotyp-preferences-section{display:flex;flex-direction:column;gap:10px}.kalotyp-preferences-section h4{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--kalotyp-muted)}.kalotyp-preferences-toggle{display:flex;align-items:center;gap:10px;font-size:var(--kalotyp-text-size);cursor:pointer}.kalotyp-preferences-toggle input[type=checkbox]{accent-color:rgb(var(--color-foreground));width:16px;height:16px}.kalotyp-preferences-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--kalotyp-border)}.kalotyp-preferences-reset{height:var(--kalotyp-control-height);padding:0 14px;border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:transparent;color:var(--kalotyp-muted);font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer}.kalotyp-preferences-reset:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-preferences-done{height:var(--kalotyp-control-height);padding:0 16px;border:1px solid rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);background:rgb(var(--color-foreground));color:rgb(var(--color-background));font:inherit;font-size:var(--kalotyp-text-size);font-weight:600;cursor:pointer}.kalotyp-preferences-done:hover{background:rgba(var(--color-foreground),.88)}.kalotyp-preferences-done:focus-visible,.kalotyp-preferences-reset:focus-visible{outline:none;box-shadow:var(--kalotyp-focus-shadow)}.kalotyp-nested-overlay--modal .kalotyp-nested-surface.kalotyp-cheatsheet-modal{min-width:380px;max-width:520px;max-height:80vh;overflow-y:auto}.kalotyp-cheatsheet-body{display:flex;flex-direction:column;gap:18px}.kalotyp-cheatsheet-section{display:flex;flex-direction:column;gap:8px}.kalotyp-cheatsheet-heading{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--kalotyp-muted)}.kalotyp-cheatsheet-list{margin:0;display:grid;grid-template-columns:minmax(140px,auto) 1fr;column-gap:16px;row-gap:6px;align-items:baseline}.kalotyp-cheatsheet-keys{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.kalotyp-cheatsheet-kbd{display:inline-block;min-width:22px;padding:2px 8px;border:1px solid var(--kalotyp-border);border-bottom-width:2px;border-radius:4px;background:var(--kalotyp-soft);color:rgb(var(--color-foreground));font:inherit;font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:500;line-height:1.4;text-align:center}.kalotyp-cheatsheet-plus{font-size:11px;color:var(--kalotyp-muted)}.kalotyp-cheatsheet-description{margin:0;font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));line-height:1.4}@media (pointer: coarse){.kalotyp-button-close{position:absolute}.kalotyp-button-close:before{content:"";position:absolute;inset:-6px}.kalotyp-history-button{position:relative}.kalotyp-history-button:before{content:"";position:absolute;inset:-6px}.kalotyp-util-nav-button{position:relative}.kalotyp-util-nav-button:before{content:"";position:absolute;inset:-8px -2px}.kalotyp-handle[data-shape=circle]:before{content:"";position:absolute;inset:-12px;z-index:-1}.kalotyp-handle[data-shape=edge][data-direction=t]:before,.kalotyp-handle[data-shape=edge][data-direction=b]:before{content:"";position:absolute;inset:-19px 0;z-index:-1}.kalotyp-handle[data-shape=edge][data-direction=l]:before,.kalotyp-handle[data-shape=edge][data-direction=r]:before{content:"";position:absolute;inset:0 -19px;z-index:-1}.kalotyp-annotate-handle:before{content:"";position:absolute;inset:-16px}.kalotyp-annotate-tool{position:relative}.kalotyp-annotate-tool:before{content:"";position:absolute;inset:-6px}.kalotyp-annotate-swatch{width:32px;height:32px;position:relative}.kalotyp-annotate-swatch:before{content:"";position:absolute;inset:-6px;border-radius:50%}.kalotyp-annotate-color{position:relative;width:36px;height:36px}.kalotyp-annotate-color:before{content:"";position:absolute;inset:-4px}.kalotyp-preset-button{height:40px;position:relative}.kalotyp-preset-button:before{content:"";position:absolute;inset:-2px}.kalotyp-toggle-button,.kalotyp-rotate-input,.kalotyp-rotate-reset,.kalotyp-quarter-button,.kalotyp-resize-input,.kalotyp-resize-lock{height:40px;min-height:40px}.kalotyp-toggle-button:before,.kalotyp-rotate-reset:before,.kalotyp-quarter-button:before,.kalotyp-resize-lock:before{content:"";position:absolute;inset:-2px}.kalotyp-toggle-button,.kalotyp-rotate-reset,.kalotyp-quarter-button,.kalotyp-resize-lock,.kalotyp-finetune-row-reset{position:relative}.kalotyp-finetune-row-reset:before{content:"";position:absolute;inset:-8px}.kalotyp-finetune-reset-all{height:36px;position:relative}.kalotyp-finetune-reset-all:before{content:"";position:absolute;inset:-4px}.kalotyp-rotate-slider,.kalotyp-finetune-slider,.kalotyp-annotate-stroke{height:44px}.kalotyp-rotate-slider::-webkit-slider-thumb,.kalotyp-finetune-slider::-webkit-slider-thumb,.kalotyp-annotate-stroke::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.kalotyp-rotate-slider::-moz-range-thumb,.kalotyp-finetune-slider::-moz-range-thumb,.kalotyp-annotate-stroke::-moz-range-thumb{width:24px;height:24px}.kalotyp-button-export{height:44px;padding:0 22px}}@media (max-width: 768px){.kalotyp-main{padding:8px 8px 0!important;gap:8px}.kalotyp-nav-tools{padding:8px 8px 8px 12px;gap:8px;min-height:56px;flex-wrap:nowrap}.kalotyp-util-nav{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;mask-image:linear-gradient(to right,transparent 0,black 36px,black calc(100% - 36px),transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0,black 36px,black calc(100% - 36px),transparent 100%)}.kalotyp-util-nav::-webkit-scrollbar{display:none}.kalotyp-util-nav-button{flex:0 0 auto;scroll-snap-align:start}.kalotyp-history-controls,.kalotyp-button-close{position:static!important;flex:0 0 auto}.kalotyp-nav-tools{padding-right:168px}.kalotyp-button-close{position:absolute!important;top:12px!important;right:8px!important}.kalotyp-button-prefs{position:absolute!important;top:12px!important;right:48px!important}.kalotyp-history-controls{position:absolute!important;top:12px!important;right:88px!important}.kalotyp-util-main{padding:12px;min-height:72px}.kalotyp-util-footer{padding:10px 12px}.pintura-editor .kalotyp-root>.kalotyp-nav-tools{padding:8px 100px 8px 12px!important}.pintura-editor .kalotyp-root[data-env~=landscape] .kalotyp-util-main,.pintura-editor .kalotyp-root[data-env~=landscape] .kalotyp-util-footer{padding-left:12px!important;padding-right:12px!important}.kalotyp-rotate-slider{min-width:140px}.kalotyp-rotate-slider-label{min-width:auto}.kalotyp-resize-panel{align-items:stretch;gap:8px}.kalotyp-resize-row{flex-wrap:wrap;justify-content:center}.kalotyp-finetune-panel{max-width:100%}.kalotyp-finetune-label{width:56px;text-align:right;font-size:12px}.kalotyp-finetune-slider{min-width:80px}.kalotyp-finetune-input{width:56px}.kalotyp-annotate-toolbar{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%}.kalotyp-annotate-toolbar::-webkit-scrollbar{display:none}.kalotyp-annotate-tool{flex:0 0 auto}.kalotyp-annotate-style-row{gap:8px;flex-wrap:wrap}.kalotyp-annotate-stroke{min-width:120px}.kalotyp-filter-strip{padding:4px 8px;gap:8px}}@media (max-width: 360px){.kalotyp-util-nav{mask-image:none;-webkit-mask-image:none}.pintura-editor .kalotyp-root>.kalotyp-nav-tools,.kalotyp-nav-tools{padding-right:92px!important}}@media (max-height: 500px) and (orientation: landscape){.kalotyp-nav-tools{min-height:44px;padding-top:6px;padding-bottom:6px}.kalotyp-main{padding:6px 12px 0!important;gap:6px}.kalotyp-util-main{min-height:56px!important;padding:6px 12px}.kalotyp-util-footer{padding:6px 12px}.kalotyp-button-export{height:40px;padding:0 16px}.kalotyp-button-close,.kalotyp-button-prefs,.kalotyp-history-controls{top:6px!important}}
|