@magicpages/kalotyp 0.1.1 → 0.2.0

package/dist/emoji/3299.svg

@@ -0,0 +1,30 @@
+<svg id="emoji" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg">
+  <g id="line-supplement" transform="matrix(.3004 0 0 .3004 -521.6 -12.27)" fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="1.5" stroke-width="9.119" clip-rule="evenodd">
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m876.9 810.7s13.52 23.31 13.82 36.63"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m835.8 788.9s0.345 70.2 0.443 90.06c0.014 2.9 2.317 5.272 5.216 5.37 6.51 0.2185 17.7 0.5158 24.97 0.2811 3.445-0.1111 2.958 0 6.785-0.7561 6.811-1.345 4.055-20.43 4.055-20.43"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m880.3 768.6s-14.72 72.45-74.38 111"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m832.6 761.1s17.56 10.43 25.85 19.93"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m821.3 811.6s1.026 18.86-9.008 39.6"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m784.5 811.6s11.64 10.17 21.4 22.61"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m761 856.5c15.52-22.61 26.36-54.05 26.36-54.05"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m762.7 802.1 45.62-7e-3"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m787.9 771.6-0.064 114"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" d="m763.8 775c23.14-3.344 39.89-9.712 39.89-9.712"/>
+  </g>
+  <g id="color" transform="matrix(.3004 0 0 .3004 -521.6 -12.27)">
+    <circle cx="826" cy="825.2" r="107.6" transform="matrix(.8665 0 0 .8665 1140 -554.4)" fill="#d22f27" stroke-width="3.842"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m876.9 810.7s13.52 23.31 13.82 36.63"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m835.8 788.9s0.345 70.2 0.443 90.06c0.014 2.9 2.317 5.272 5.216 5.37 6.51 0.2185 17.7 0.5158 24.97 0.2811 3.445-0.1111 2.958 0 6.785-0.7561 6.811-1.345 4.055-20.43 4.055-20.43"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m880.3 768.6s-14.72 72.45-74.38 111"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m832.6 761.1s17.56 10.43 25.85 19.93"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m821.3 811.6s1.026 18.86-9.008 39.6"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m784.5 811.6s11.64 10.17 21.4 22.61"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m761 856.5c15.52-22.61 26.36-54.05 26.36-54.05"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m762.7 802.1 45.62-7e-3"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m787.9 771.6-0.064 114"/>
+    <path transform="matrix(.9127 0 0 .9127 1102 -590.9)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="9.118" d="m763.8 775c23.14-3.344 39.89-9.712 39.89-9.712"/>
+  </g>
+  <g id="line" transform="matrix(.2603 0 0 .2603 -179 -178.8)">
+    <circle cx="826" cy="825.2" r="107.6" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="7.683"/>
+  </g>
+</svg>

package/dist/index.d.ts

@@ -1,4 +1,5 @@
+import '@magicpages/kalotyp-ui/styles.css';
 import { openDefaultEditor } from './editor.js';
+export type { EditorEventName, EditorEventPayloads, EditorInstance, EditorOptions, LoadErrorEvent, ProcessEvent, } from './contract.js';
 export { openDefaultEditor };
-export type { EditorEventName, EditorEventPayloads, EditorInstance, EditorOptions, ProcessEvent, LoadErrorEvent, } from './contract.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOhD,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,YAAY,EACZ,cAAc,GACf,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAOhD,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,cAAc,EACd,YAAY,GACb,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/kalotyp.css

@@ -1 +1,2 @@
-.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}}
+.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;--lightningcss-light:initial;--lightningcss-dark: ;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;z-index:2147483646;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;display:flex;position:fixed;inset:0}html:not(.dark) .pintura-editor{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:255, 255, 255!important;--color-foreground:21, 23, 26!important}html.dark .pintura-editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:21, 23, 26!important;--color-foreground:244, 245, 246!important}.PinturaModal{background:rgb(var(--color-background));border-radius:var(--editor-modal-border-radius);overflow:hidden;flex:auto!important;width:100%!important;height:100%!important;min-height:0!important;display:flex!important;position:relative!important}.kalotyp-editor:focus,.kalotyp-editor:focus-visible{outline:none}.kalotyp-button-prefs{border-radius:var(--kalotyp-radius);width:32px;height:32px;color:var(--kalotyp-muted);cursor:pointer;z-index:2;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:18px;right:56px}.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{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-button-close{border-radius:var(--kalotyp-radius);width:32px;height:32px;color:var(--kalotyp-muted);cursor:pointer;z-index:2;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex;position:absolute;top:18px;right:14px}.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{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-root{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;display:grid!important}.kalotyp-root[data-env~=landscape]{grid-template-rows:auto 1fr auto}.kalotyp-nav-tools{border-bottom:1px solid var(--kalotyp-border);flex:none;align-items:center;gap:8px;min-height:56px;padding:14px 180px 14px 24px;display:flex}.kalotyp-history-controls{z-index:2;align-items:center;gap:4px;display:inline-flex;position:absolute;top:18px;right:100px}.kalotyp-history-button{width:32px;height:32px;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.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{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-history-button:disabled{opacity:.35;cursor:not-allowed}.kalotyp-main{background:rgb(var(--color-background));gap:12px;padding:12px 16px 0;flex-direction:column!important;min-height:0!important;display:flex!important}.kalotyp-stage{border-radius:var(--kalotyp-radius);background:rgba(var(--color-foreground), .06);flex:1 1 0!important;min-height:0!important;position:relative!important}.kalotyp-util-footer{border-top:1px solid var(--kalotyp-border);justify-content:flex-end;align-items:center;gap:8px;padding:14px 24px;display:flex}.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{height:var(--kalotyp-control-height);border:1px solid rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);background:rgb(var(--color-foreground));isolation:isolate;transition:var(--kalotyp-transition);align-items:stretch;display:inline-flex;overflow:hidden}.kalotyp-export-group:focus-within{box-shadow:var(--kalotyp-focus-shadow)}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-export{font-family:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;justify-content:center;align-items:center;line-height:1;transition:background .18s;height:100%!important;color:rgb(var(--color-background))!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;padding:0 18px!important;font-weight:700!important;display:inline-flex!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{cursor:not-allowed;opacity:.4!important}.kalotyp-button-inner{display:inline-block}.pintura-editor .kalotyp-root .kalotyp-export-group .kalotyp-button-output-settings{cursor:pointer;width:36px;box-shadow:inset 1px 0 0 rgba(var(--color-background), .22);justify-content:center;align-items:center;padding:0;transition:background .18s;height:100%!important;color:rgb(var(--color-background))!important;opacity:1!important;background:0 0!important;border:0!important;border-radius:0!important;display:inline-flex!important}.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{cursor:not-allowed;opacity:.4!important}.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{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!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{z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.kalotyp-nested-overlay--modal{background:rgba(var(--color-foreground), .32)}.kalotyp-nested-overlay--popover{pointer-events:auto;background:0 0}.kalotyp-nested-surface{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius-lg);flex-direction:column;min-width:280px;max-width:min(520px,100% - 32px);max-height:calc(100% - 32px);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000002e,0 2px 6px #00000014}.kalotyp-nested-surface:focus-visible{outline:none}.kalotyp-nested-header{border-bottom:1px solid var(--kalotyp-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.kalotyp-nested-title{margin:0;font-size:14px;font-weight:600;line-height:1.2}.kalotyp-nested-close{border-radius:var(--kalotyp-radius);width:28px;height:28px;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-size:22px;line-height:1;display:inline-flex}.kalotyp-nested-close:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-nested-close:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-nested-body{padding:16px 14px;overflow-y:auto}.kalotyp-stage-container{-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;position:absolute;inset:0;overflow:hidden}.kalotyp-stage-status{text-align:center;pointer-events:none;color:rgba(var(--color-foreground), .7);justify-content:center;align-items:center;padding:12px 18px;font-size:14px;display:flex;position:absolute;inset:50% 0 auto}.kalotyp-stage-image,.kalotyp-stage-overlay{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kalotyp-stage-overlay{z-index:1}.kalotyp-stage-body{z-index:2;cursor:move;touch-action:none;position:absolute}.kalotyp-handles{z-index:3;pointer-events:none;position:absolute;inset:0}.kalotyp-corner-anchor{pointer-events:none;width:0;height:0;position:absolute}.kalotyp-handle{pointer-events:auto;touch-action:none;background:0 0;border:none;margin:0;padding:0;position:absolute}.kalotyp-handle[data-shape=circle]{background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));border-radius:50%;width:12px;height:12px;top:-6px;left:-6px;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]{cursor:ns-resize;height:6px;margin-top:-3px}.kalotyp-handle[data-shape=edge][data-direction=l],.kalotyp-handle[data-shape=edge][data-direction=r]{cursor:ew-resize;width:6px;margin-left:-3px}.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{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.kalotyp-preset-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.kalotyp-preset-button{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;align-items:center;padding:0 12px;display:inline-flex}.kalotyp-preset-button:hover{background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-preset-button:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;width:100%;margin-top:6px;display:flex}.kalotyp-crop-dims-field{flex-direction:column;gap:4px;display:flex}.kalotyp-crop-dims-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-crop-dims-input{width:80px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-crop-dims-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background));outline:none}.kalotyp-util-nav{background:var(--kalotyp-track);border-radius:var(--kalotyp-radius-lg);align-items:center;gap:2px;padding:4px;display:inline-flex}.kalotyp-util-nav-button{height:28px;color:var(--kalotyp-muted);font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-weight:500;transition:color .2s,background .2s,border-color .2s,box-shadow .2s;display:inline-flex;position:relative}.kalotyp-util-nav-button:hover{color:rgb(var(--color-foreground))}.kalotyp-util-nav-button:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{width:100%;font-size:var(--kalotyp-text-size);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.kalotyp-rotate-row{align-items:center;gap:8px;display:flex}.kalotyp-resize-row{align-items:end;gap:8px;display:flex}.kalotyp-util-main{border-top:1px solid var(--kalotyp-border);background:rgb(var(--color-background));flex:none;justify-content:center;align-items:center;min-height:88px;padding:18px 24px;display:flex}.kalotyp-flip-panel{justify-content:center;gap:8px;display:flex}.kalotyp-toggle-button{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;align-items:center;padding:0 14px;display:inline-flex}.kalotyp-toggle-button:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-toggle-button:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{cursor:ew-resize;appearance:none;background:0 0;flex:1;min-width:220px;height:4px}.kalotyp-rotate-slider::-webkit-slider-runnable-track{background:var(--kalotyp-border);border-radius:999px;height:4px}.kalotyp-rotate-slider::-moz-range-track{background:var(--kalotyp-border);border-radius:999px;height:4px}.kalotyp-rotate-slider::-webkit-slider-thumb{appearance:none;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));cursor:ew-resize;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #0003}.kalotyp-rotate-slider::-moz-range-thumb{background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));cursor:ew-resize;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.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);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;padding:0 8px}.kalotyp-rotate-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background));outline:none}.kalotyp-rotate-input-group{align-items:center;gap:4px;display:inline-flex}.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);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;padding:0 12px}.kalotyp-rotate-reset:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-rotate-reset:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-quarter-button{width:36px;height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));cursor:pointer;transition:var(--kalotyp-transition);background:0 0;padding:0;font-size:18px;line-height:1}.kalotyp-quarter-button:hover{background:var(--kalotyp-soft);border-color:var(--kalotyp-border-strong)}.kalotyp-quarter-button:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-resize-field{flex-direction:column;gap:4px;display:flex}.kalotyp-resize-field-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-resize-input{width:92px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-resize-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background));outline:none}.kalotyp-resize-lock{border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);width:32px;height:32px;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.kalotyp-resize-lock:hover{border-color:var(--kalotyp-border-strong);color:rgb(var(--color-foreground))}.kalotyp-resize-lock:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{color:var(--kalotyp-muted);font-size:12px}.kalotyp-annotate-stage{-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;position:absolute;inset:0;overflow:hidden}.kalotyp-annotate-image,.kalotyp-annotate-shapes,.kalotyp-annotate-live{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kalotyp-annotate-shapes{z-index:1}.kalotyp-annotate-live{z-index:2}.kalotyp-annotate-hit{z-index:3;cursor:crosshair;position:absolute;inset:0}.kalotyp-annotate-stage[data-tool=select] .kalotyp-annotate-hit{cursor:default}.kalotyp-annotate-stage[data-tool=text] .kalotyp-annotate-hit{cursor:text}.kalotyp-annotate-stage[data-tool=emoji] .kalotyp-annotate-hit{cursor:copy}.kalotyp-annotate-handles{z-index:4;pointer-events:none;position:absolute;inset:0}.kalotyp-annotate-handle{border:2px solid rgb(var(--color-background));background:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;touch-action:none;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;padding:0;font-size:0;position:absolute;box-shadow:0 1px 2px #0006}.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-rotate-handle{border:2px solid rgb(var(--color-background));cursor:grab;pointer-events:auto;touch-action:none;background:#6366f1;border-radius:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;padding:0;font-size:0;position:absolute;box-shadow:0 1px 2px #0006}.kalotyp-annotate-rotate-handle:active{cursor:grabbing}.kalotyp-annotate-rotate-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-text-overlay{z-index:5;pointer-events:none;position:absolute;inset:0}.kalotyp-annotate-text-editor{pointer-events:auto;white-space:pre;background:0 0;border:none;outline:none;min-width:1ch;margin:0;padding:0;line-height:1.2;display:inline-block;position:absolute}.kalotyp-annotate-text-editor::selection{color:#0000;background-color:#6366f159}.kalotyp-annotate-emoji-picker{z-index:6;background:rgb(var(--color-background));border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius-lg);pointer-events:auto;flex-direction:column;gap:8px;width:min(360px,100% - 24px);max-height:min(360px,100% - 24px);padding:10px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000002e}.kalotyp-annotate-emoji-picker[hidden]{display:none}.kalotyp-annotate-emoji-header{flex:none;justify-content:space-between;align-items:center;display:flex}.kalotyp-annotate-emoji-title{font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));font-weight:600}.kalotyp-annotate-emoji-close{width:24px;height:24px;color:var(--kalotyp-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kalotyp-annotate-emoji-close svg{width:16px;height:16px}.kalotyp-annotate-emoji-close:hover{color:rgb(var(--color-foreground));background:var(--kalotyp-soft)}.kalotyp-annotate-emoji-close:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-emoji-search{flex:none;align-items:center;display:flex;position:relative}.kalotyp-annotate-emoji-search svg{width:16px;height:16px;color:var(--kalotyp-muted);pointer-events:none;position:absolute;left:8px}.kalotyp-annotate-emoji-search-input{width:100%;height:var(--kalotyp-control-height);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);padding:0 10px 0 30px}.kalotyp-annotate-emoji-search-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-emoji-tabs{flex:none;align-items:center;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.kalotyp-annotate-emoji-tab{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;width:36px;height:36px;padding:0;line-height:1;display:inline-flex}.kalotyp-annotate-emoji-tab-img{pointer-events:none;width:24px;height:24px;display:block}.kalotyp-annotate-emoji-tab:hover{background:var(--kalotyp-soft)}.kalotyp-annotate-emoji-tab:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-emoji-tab[aria-pressed=true]{background:var(--kalotyp-track);border-color:var(--kalotyp-border)}.kalotyp-annotate-emoji-grid{grid-template-columns:repeat(var(--kalotyp-emoji-cols,8), 1fr);touch-action:pan-y;overscroll-behavior:contain;flex:auto;gap:2px;min-height:0;display:grid;overflow-y:auto}.kalotyp-annotate-emoji-cell{aspect-ratio:1;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex}.kalotyp-annotate-emoji-cell:hover{background:var(--kalotyp-soft)}.kalotyp-annotate-emoji-cell:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-emoji-cell-img{pointer-events:none;width:26px;height:26px;display:block}.kalotyp-annotate-emoji-empty{text-align:center;font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted);margin:0;padding:12px 0}.kalotyp-annotate-emoji-empty[hidden]{display:none}.kalotyp-util-main:has(.kalotyp-annotate-panel){align-items:flex-start;min-height:244px}.kalotyp-annotate-panel{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.kalotyp-annotate-toolbar{background:var(--kalotyp-track);border-radius:var(--kalotyp-radius-lg);align-items:center;gap:4px;padding:4px;display:inline-flex}.kalotyp-annotate-tool{width:32px;height:32px;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:16px;font-weight:500;display:inline-flex}.kalotyp-annotate-tool svg{width:18px;height:18px;display:block}.kalotyp-annotate-tool:hover{color:rgb(var(--color-foreground))}.kalotyp-annotate-tool:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.kalotyp-annotate-text-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:inline-flex}.kalotyp-annotate-font{height:var(--kalotyp-control-height);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;padding:0 8px}.kalotyp-annotate-font:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-font-size{width:64px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-annotate-font-size:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-text-toggle,.kalotyp-annotate-align-button{width:32px;height:var(--kalotyp-control-height);color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.kalotyp-annotate-text-toggle svg,.kalotyp-annotate-align-button svg{width:18px;height:18px;display:block}.kalotyp-annotate-text-toggle:hover,.kalotyp-annotate-align-button:hover{color:rgb(var(--color-foreground))}.kalotyp-annotate-text-toggle:focus-visible,.kalotyp-annotate-align-button:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-text-toggle[aria-pressed=true],.kalotyp-annotate-align-button[aria-checked=true]{background:rgb(var(--color-background));border-color:var(--kalotyp-border);color:rgb(var(--color-foreground));box-shadow:0 1px 2px #0000000a}.kalotyp-annotate-align{align-items:center;gap:2px;display:inline-flex}.kalotyp-annotate-swatches{align-items:center;gap:4px;display:inline-flex}.kalotyp-annotate-swatch{border:2px solid var(--kalotyp-border);background:var(--kalotyp-swatch,currentColor);cursor:pointer;width:22px;height:22px;transition:var(--kalotyp-transition);border-radius:50%;padding:0}.kalotyp-annotate-swatch:hover{transform:scale(1.08)}.kalotyp-annotate-swatch:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{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));width:116px;height:28px;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-transform:lowercase;font-variant-numeric:tabular-nums;background-position:6px;background-repeat:no-repeat;background-size:18px 18px;padding:0 8px 0 32px}.kalotyp-annotate-hex:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-stroke-label{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted)}.kalotyp-annotate-stroke{width:120px}.kalotyp-annotate-delete{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.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{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.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{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-annotate-insert:disabled{opacity:.4;cursor:not-allowed}.kalotyp-annotate-coords{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;width:100%;margin-top:6px;display:flex}.kalotyp-annotate-coords[hidden]{display:none}.kalotyp-annotate-coords-field{flex-direction:column;gap:4px;display:flex}.kalotyp-annotate-coords-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-annotate-coords-input{width:80px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-annotate-coords-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background));outline:none}.kalotyp-finetune-panel{width:100%;max-width:640px;font-size:var(--kalotyp-text-size);grid-template-columns:1fr;gap:6px;margin:0 auto;display:grid}.kalotyp-util-main:has(.kalotyp-finetune-panel){justify-content:center;align-items:stretch;padding-block:16px}.kalotyp-finetune-row{align-items:center;gap:10px;height:32px;display:flex}.kalotyp-finetune-label{width:84px;color:var(--kalotyp-muted);font-size:var(--kalotyp-text-size);text-align:right;flex:none;font-weight:500}.kalotyp-finetune-slider{cursor:ew-resize;appearance:none;background:0 0;flex:1;min-width:160px;height:4px}.kalotyp-finetune-slider::-webkit-slider-runnable-track{background:var(--kalotyp-border);border-radius:999px;height:4px}.kalotyp-finetune-slider::-moz-range-track{background:var(--kalotyp-border);border-radius:999px;height:4px}.kalotyp-finetune-slider::-webkit-slider-thumb{appearance:none;background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));cursor:ew-resize;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 1px 3px #0003}.kalotyp-finetune-slider::-moz-range-thumb{background:rgb(var(--color-foreground));border:2px solid rgb(var(--color-background));cursor:ew-resize;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #0003}.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{border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:rgb(var(--color-background));width:60px;height:28px;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);text-align:right;font-variant-numeric:tabular-nums;flex:none;padding:0 8px}.kalotyp-finetune-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-finetune-row-reset{border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);width:28px;height:28px;color:var(--kalotyp-muted);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;flex:none;padding:0;font-size:14px;line-height:1}.kalotyp-finetune-row-reset:hover{border-color:var(--kalotyp-border-strong);color:rgb(var(--color-foreground))}.kalotyp-finetune-row-reset:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-finetune-reset-all{border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);height:28px;color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;align-self:flex-end;margin-top:4px;padding:0 12px}.kalotyp-finetune-reset-all:hover{border-color:var(--kalotyp-border-strong)}.kalotyp-finetune-reset-all:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-filter-panel{width:100%;max-width:100%;font-size:var(--kalotyp-text-size);flex-direction:column;gap:8px;margin:0 auto;display:flex}.kalotyp-util-main:has(.kalotyp-filter-panel){justify-content:center;align-items:stretch;padding-block:12px}.kalotyp-filter-strip{scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:12px;padding:4px 16px;display:flex;overflow:auto hidden}@media (min-width:720px){.kalotyp-filter-strip{justify-content:center}}.kalotyp-filter-thumb{cursor:pointer;font:inherit;color:rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);transition:var(--kalotyp-transition);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:4px;display:flex}.kalotyp-filter-thumb:hover{background:var(--kalotyp-soft)}.kalotyp-filter-thumb:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-filter-thumb-image{border:2px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:var(--kalotyp-track);transition:var(--kalotyp-transition);line-height:0;display:block;overflow:hidden}.kalotyp-filter-thumb-canvas{width:100%;height:100%;display:block}.kalotyp-filter-thumb-label{color:var(--kalotyp-muted);text-align:center;font-variant-numeric:tabular-nums;min-height:14px;font-size:12px;line-height:1.2}.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{background:rgb(var(--color-foreground));width:18px;height:18px;color:rgb(var(--color-background));pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:none;position:absolute;top:4px;right:4px}.kalotyp-filter-thumb-image{position:relative}.kalotyp-filter-thumb--active .kalotyp-filter-thumb-check{display:inline-flex}.kalotyp-redact-stage{-webkit-user-select:none;user-select:none;touch-action:none;background:0 0;position:absolute;inset:0;overflow:hidden}.kalotyp-redact-image,.kalotyp-redact-regions,.kalotyp-redact-live{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.kalotyp-redact-regions{z-index:1}.kalotyp-redact-live{z-index:2}.kalotyp-redact-hit{z-index:3;cursor:crosshair;position:absolute;inset:0}.kalotyp-redact-handles{z-index:4;pointer-events:none;position:absolute;inset:0}.kalotyp-redact-handle{border:2px solid rgb(var(--color-background));background:rgb(var(--color-foreground));cursor:pointer;pointer-events:auto;touch-action:none;border-radius:50%;width:12px;height:12px;margin-top:-6px;margin-left:-6px;padding:0;font-size:0;position:absolute;box-shadow:0 1px 2px #0006}.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{width:100%;max-width:720px;font-size:var(--kalotyp-text-size);flex-direction:column;gap:10px;margin:0 auto;display:flex}.kalotyp-redact-toolbar{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.kalotyp-redact-mode{height:var(--kalotyp-control-height);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);padding:0 14px}.kalotyp-redact-mode:hover{background:var(--kalotyp-soft)}.kalotyp-redact-mode:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-redact-mode--active{box-shadow:0 0 0 1px rgb(var(--color-foreground)) inset;font-weight:600;background:rgb(var(--color-foreground))!important;color:rgb(var(--color-background))!important;border-color:rgb(var(--color-foreground))!important}.kalotyp-redact-style-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kalotyp-redact-color-group,.kalotyp-redact-button-group{flex:none;align-items:center;gap:8px;display:inline-flex}.kalotyp-redact-color-hint{text-align:center;color:var(--kalotyp-muted);flex:100%;font-size:12px;font-style:italic}.kalotyp-redact-color-hint[hidden]{display:none}.kalotyp-redact-color{width:36px;height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);cursor:pointer;background:0 0;padding:0}.kalotyp-redact-color:disabled{opacity:.4;cursor:not-allowed}.kalotyp-redact-hex{width:100px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-redact-hex:disabled{opacity:.4;cursor:not-allowed}.kalotyp-redact-hex:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-redact-insert,.kalotyp-redact-delete{height:var(--kalotyp-control-height);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);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.kalotyp-redact-insert:hover,.kalotyp-redact-delete:hover{background:var(--kalotyp-soft)}.kalotyp-redact-insert:focus-visible,.kalotyp-redact-delete:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-redact-delete:disabled{opacity:.5;cursor:not-allowed}.kalotyp-redact-coords{flex-wrap:wrap;justify-content:center;align-items:end;gap:8px;width:100%;margin-top:6px;display:flex}.kalotyp-redact-coords[hidden]{display:none}.kalotyp-redact-coords-field{flex-direction:column;gap:4px;display:flex}.kalotyp-redact-coords-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-redact-coords-input{width:80px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-redact-coords-input:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);background:rgb(var(--color-background));outline:none}.kalotyp-frame-panel{width:100%;max-width:100%;font-size:var(--kalotyp-text-size);flex-direction:column;gap:8px;margin:0 auto;display:flex}.kalotyp-util-main:has(.kalotyp-frame-panel){justify-content:center;align-items:stretch;padding-block:12px}.kalotyp-frame-strip-wrap{display:block}.kalotyp-frame-strip{scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:12px;padding:4px 16px;display:flex;overflow:auto hidden}@media (min-width:720px){.kalotyp-frame-strip{justify-content:center}}.kalotyp-frame-thumb{cursor:pointer;font:inherit;color:rgb(var(--color-foreground));border-radius:var(--kalotyp-radius);transition:var(--kalotyp-transition);background:0 0;border:0;flex-direction:column;flex:none;align-items:center;gap:6px;padding:4px;display:flex}.kalotyp-frame-thumb:hover{background:var(--kalotyp-soft)}.kalotyp-frame-thumb:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-frame-thumb-image{border:2px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);background:var(--kalotyp-track);transition:var(--kalotyp-transition);justify-content:center;align-items:center;width:80px;height:60px;line-height:0;display:flex;position:relative;overflow:hidden}.kalotyp-frame-thumb-canvas{max-width:100%;max-height:100%;display:block}.kalotyp-frame-thumb-label{color:var(--kalotyp-muted);text-align:center;font-variant-numeric:tabular-nums;min-height:14px;font-size:12px;line-height:1.2}.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{background:rgb(var(--color-foreground));width:18px;height:18px;color:rgb(var(--color-background));pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;display:none;position:absolute;top:4px;right:4px}.kalotyp-frame-thumb--active .kalotyp-frame-thumb-check{display:inline-flex}.kalotyp-frame-color-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.kalotyp-frame-color-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-frame-color-hint{text-align:center;color:var(--kalotyp-muted);flex:100%;font-size:12px;font-style:italic}.kalotyp-frame-color-hint[hidden]{display:none}.kalotyp-frame-color{width:36px;height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);cursor:pointer;background:0 0;padding:0}.kalotyp-frame-color:disabled{opacity:.4;cursor:not-allowed}.kalotyp-frame-hex{width:100px;height:var(--kalotyp-control-height);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;padding:0 10px}.kalotyp-frame-hex:disabled{opacity:.4;cursor:not-allowed}.kalotyp-frame-hex:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{flex-direction:column;gap:10px;display:flex}.kalotyp-output-row{grid-template-columns:64px 1fr auto;align-items:center;gap:10px;display:grid}.kalotyp-output-row-label{color:var(--kalotyp-muted);font-size:12px;font-weight:500}.kalotyp-output-format{height:var(--kalotyp-control-height);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);padding:0 8px}.kalotyp-output-format:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-output-quality{width:100%;accent-color:rgb(var(--color-foreground))}.kalotyp-output-quality:focus-visible{box-shadow:var(--kalotyp-focus-shadow);border-radius:var(--kalotyp-radius);outline:none}.kalotyp-output-quality-readout{font-size:var(--kalotyp-text-size);color:var(--kalotyp-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:28px}.kalotyp-output-hint{color:var(--kalotyp-muted);margin:0 0 4px 74px;font-size:12px}.kalotyp-output-summary{font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));margin:4px 0 0;font-weight:500}.kalotyp-output-metadata-row{font-size:var(--kalotyp-text-size);cursor:pointer;align-items:center;gap:8px;margin:6px 0 0;display:flex}.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{color:var(--kalotyp-muted);min-height:16px;margin:2px 0 0;padding-left:24px;font-size:11px;font-style:italic;line-height:1.4}.kalotyp-output-footer{border-top:1px solid var(--kalotyp-border);justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;padding-top:12px;display:flex}.kalotyp-output-done{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:rgb(var(--color-foreground));font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;transition:var(--kalotyp-transition);background:0 0;padding:0 14px}.kalotyp-output-done:hover{background:var(--kalotyp-soft)}.kalotyp-output-done:focus-visible{border-color:rgb(var(--color-foreground));box-shadow:var(--kalotyp-focus-shadow);outline:none}.kalotyp-output-save{height:var(--kalotyp-control-height);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);cursor:pointer;transition:var(--kalotyp-transition);padding:0 16px;font-weight:600}.kalotyp-output-save:hover{background:rgba(var(--color-foreground), .88);border-color:rgba(var(--color-foreground), .88)}.kalotyp-output-save:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{flex-direction:column;gap:18px;display:flex}.kalotyp-preferences-section{flex-direction:column;gap:10px;display:flex}.kalotyp-preferences-section h4{letter-spacing:.02em;text-transform:uppercase;color:var(--kalotyp-muted);margin:0;font-size:13px;font-weight:600}.kalotyp-preferences-toggle{font-size:var(--kalotyp-text-size);cursor:pointer;align-items:center;gap:10px;display:flex}.kalotyp-preferences-toggle input[type=checkbox]{accent-color:rgb(var(--color-foreground));width:16px;height:16px}.kalotyp-preferences-footer{border-top:1px solid var(--kalotyp-border);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:12px;display:flex}.kalotyp-preferences-reset{height:var(--kalotyp-control-height);border:1px solid var(--kalotyp-border);border-radius:var(--kalotyp-radius);color:var(--kalotyp-muted);font:inherit;font-size:var(--kalotyp-text-size);cursor:pointer;background:0 0;padding:0 14px}.kalotyp-preferences-reset:hover{background:var(--kalotyp-soft);color:rgb(var(--color-foreground))}.kalotyp-preferences-done{height:var(--kalotyp-control-height);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);cursor:pointer;padding:0 16px;font-weight:600}.kalotyp-preferences-done:hover{background:rgba(var(--color-foreground), .88)}.kalotyp-preferences-done:focus-visible,.kalotyp-preferences-reset:focus-visible{box-shadow:var(--kalotyp-focus-shadow);outline:none}.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{flex-direction:column;gap:18px;display:flex}.kalotyp-cheatsheet-section{flex-direction:column;gap:8px;display:flex}.kalotyp-cheatsheet-heading{letter-spacing:.04em;text-transform:uppercase;color:var(--kalotyp-muted);margin:0;font-size:12px;font-weight:600}.kalotyp-cheatsheet-list{grid-template-columns:minmax(140px,auto) 1fr;align-items:baseline;gap:6px 16px;margin:0;display:grid}.kalotyp-cheatsheet-keys{flex-wrap:wrap;align-items:center;gap:4px;margin:0;display:flex}.kalotyp-cheatsheet-kbd{border:1px solid var(--kalotyp-border);background:var(--kalotyp-soft);min-width:22px;color:rgb(var(--color-foreground));font:inherit;text-align:center;border-bottom-width:2px;border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-weight:500;line-height:1.4;display:inline-block}.kalotyp-cheatsheet-plus{color:var(--kalotyp-muted);font-size:11px}.kalotyp-cheatsheet-description{font-size:var(--kalotyp-text-size);color:rgb(var(--color-foreground));margin:0;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:"";z-index:-1;position:absolute;inset:-12px}.kalotyp-handle[data-shape=edge][data-direction=t]:before,.kalotyp-handle[data-shape=edge][data-direction=b]:before{content:"";z-index:-1;position:absolute;inset:-19px 0}.kalotyp-handle[data-shape=edge][data-direction=l]:before,.kalotyp-handle[data-shape=edge][data-direction=r]:before{content:"";z-index:-1;position:absolute;inset:0 -19px}.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:"";border-radius:50%;position:absolute;inset:-6px}.kalotyp-annotate-color{width:36px;height:36px;position:relative}.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{width:24px;height:24px;margin-top:-10px}.kalotyp-finetune-slider::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.kalotyp-annotate-stroke::-webkit-slider-thumb{width:24px;height:24px;margin-top:-10px}.kalotyp-rotate-slider::-moz-range-thumb{width:24px;height:24px}.kalotyp-finetune-slider::-moz-range-thumb{width:24px;height:24px}.kalotyp-annotate-stroke::-moz-range-thumb{width:24px;height:24px}.kalotyp-button-export{height:44px;padding:0 22px}}@media (max-width:768px){.kalotyp-main{gap:8px;padding:8px 8px 0!important}.kalotyp-nav-tools{flex-wrap:nowrap;gap:8px;min-height:56px;padding:8px 8px 8px 12px}.kalotyp-util-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 36px calc(100% - 36px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 36px calc(100% - 36px),#0000 100%)}.kalotyp-util-nav::-webkit-scrollbar{display:none}.kalotyp-util-nav-button{scroll-snap-align:start;flex:none}.kalotyp-history-controls,.kalotyp-button-close{flex:none;position:static!important}.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{min-height:72px;padding:12px}.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{text-align:right;width:56px;font-size:12px}.kalotyp-finetune-slider{min-width:80px}.kalotyp-finetune-input{width:56px}.kalotyp-annotate-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow:auto hidden}.kalotyp-annotate-toolbar::-webkit-scrollbar{display:none}.kalotyp-annotate-tool{flex:none}.kalotyp-annotate-style-row{flex-wrap:wrap;gap:8px}.kalotyp-annotate-stroke{min-width:120px}.kalotyp-filter-strip{gap:8px;padding:4px 8px}}@media (max-width:360px){.kalotyp-util-nav{-webkit-mask-image:none;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{gap:6px;padding:6px 12px 0!important}.kalotyp-util-main{padding:6px 12px;min-height:56px!important}.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}}
+/*$vite$:1*/