:root{--background-color: #101010;--focus-ring: orange;--focus-outline: 2px solid var(--focus-ring);font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;height:100%;width:100%}#app{height:100%;width:100%}body{box-sizing:border-box;max-height:100%;overflow:hidden}body *,body *:before,body *:after{box-sizing:inherit}body *:focus{outline:var(--focus-outline)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track-piece{background-color:#28292e;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#bbbcc41a;outline:2px solid rgb(40,41,46);outline-offset:-2px;border:none;border-radius:5px}::-webkit-scrollbar-thumb:hover{background-color:#adafb8}.tp{--bs-bg: var(--tp-base-background-color, rgb(40, 41, 46));--bs-br: var(--tp-base-border-radius, 6px);--bs-ff: var(--tp-base-font-family, Roboto Mono, Source Code Pro, Menlo, Courier, monospace);--bs-sh: var(--tp-base-shadow-color, rgba(0, 0, 0, .2));--bld-br: var(--tp-blade-border-radius, 2px);--bld-hp: var(--tp-blade-horizontal-padding, 4px);--bld-vw: var(--tp-blade-value-width, 160px);--btn-bg: var(--tp-button-background-color, rgb(173, 175, 184));--btn-bg-a: var(--tp-button-background-color-active, rgb(214, 215, 219));--btn-bg-f: var(--tp-button-background-color-focus, rgb(200, 202, 208));--btn-bg-h: var(--tp-button-background-color-hover, rgb(187, 188, 196));--btn-fg: var(--tp-button-foreground-color, hsl(230, 7%, 17%));--cnt-bg: var(--tp-container-background-color, rgba(187, 188, 196, .1));--cnt-bg-a: var(--tp-container-background-color-active, rgba(187, 188, 196, .25));--cnt-bg-f: var(--tp-container-background-color-focus, rgba(187, 188, 196, .2));--cnt-bg-h: var(--tp-container-background-color-hover, rgba(187, 188, 196, .15));--cnt-fg: var(--tp-container-foreground-color, rgb(187, 188, 196));--cnt-hp: var(--tp-container-horizontal-padding, 4px);--cnt-vp: var(--tp-container-vertical-padding, 4px);--cnt-usp: var(--tp-container-unit-spacing, 4px);--cnt-usz: var(--tp-container-unit-size, 20px);--in-bg: var(--tp-input-background-color, rgba(187, 188, 196, .1));--in-bg-a: var(--tp-input-background-color-active, rgba(187, 188, 196, .25));--in-bg-f: var(--tp-input-background-color-focus, rgba(187, 188, 196, .2));--in-bg-h: var(--tp-input-background-color-hover, rgba(187, 188, 196, .15));--in-fg: var(--tp-input-foreground-color, rgb(187, 188, 196));--lbl-fg: var(--tp-label-foreground-color, rgba(187, 188, 196, .7));--mo-bg: var(--tp-monitor-background-color, rgba(0, 0, 0, .2));--mo-fg: var(--tp-monitor-foreground-color, rgba(187, 188, 196, .7));--grv-fg: var(--tp-groove-foreground-color, rgba(187, 188, 196, .1));font-family:var(--bs-ff);font-size:11px;font-weight:500;line-height:1;text-align:left}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root .tp-btnv_b,:root .tp-fldv_b,:root .tp-lstv_s .tp-rotv_b,:root .tp-txtv_i{outline:revert;overflow:revert}:root .tp-btnv_b:focus,:root .tp-fldv_b:focus,:root .tp-lstv_s .tp-rotv_b:focus,:root .tp-txtv_i:focus{outline:var(--focus-outline)}:root .tp-ckbv_i:focus+.tp-ckbv_w{outline:var(--focus-outline)}.tweak-pane[data-v-c6e345c7]{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:2px}.presets[data-v-95d445ff]{width:100%;display:flex;flex-direction:column;gap:8px;padding:8px;background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh)}.form[data-v-95d445ff]{display:grid;grid-template-columns:3fr repeat(2,1fr);grid-template-rows:repeat(auto,auto);grid-column-gap:8px;grid-row-gap:8px}.ui-button[name=save][data-v-95d445ff]{grid-column:2 / 4}.about[data-v-5d977347]{display:flex;align-items:flex-end}.name-version[data-v-5d977347]{font-size:11px}.actions[data-v-c602b84b]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ui-button[data-v-c602b84b]{flex:1 1 auto}.cropper[data-v-d4316f8b]{--padding: 64px;display:flex;flex-direction:column;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--background-color);padding:var(--padding);gap:8px}.container[data-v-d4316f8b]{flex:1 1 auto;position:relative;border-radius:6px;overflow:hidden}.controls[data-v-d4316f8b]{align-items:center;background-color:var(--bs-bg);display:flex;justify-content:center;padding:16px;border-radius:6px}.form[data-v-d4316f8b]{align-items:center;display:inline-flex;gap:16px;margin:0 auto}.ui-select[data-v-d4316f8b]{width:auto}.app[data-v-2213297b]{--scale: 1;--sidebar-width: 420px;background-color:light-dark(#ffffff,#101010);position:relative;display:flex;width:100%;height:100%}.main[data-v-2213297b]{--padding: 64px;--canvas-padding: 32px;flex:1 1 auto;position:relative;margin:var(--padding)}.canvas-container[data-v-2213297b]{--background-color: light-dark(#f0f0f0, #29292e);--border-color: light-dark(hsla(0, 0%, 0%, .2), hsla(0, 100%, 100%, .2));--border-width: 0;--can-drop-color: var(--focus-ring);--can-paste-color: var(--can-drop-color);flex:1 1 auto;position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:var(--canvas-padding);margin-left:-8px;background-color:var(--background-color);border-radius:6px;border:var(--border-width) solid var(--border-color);outline:none}.canvas-container[data-can-drop][data-v-2213297b]{--border-color: var(--can-drop-color);--border-width: 5px}.canvas-container[data-v-2213297b]:focus{--border-color: var(--can-paste-color);--border-width: 2px}.canvas[data-v-2213297b]{transform:scale(var(--scale));transform-origin:0 0;left:50%;top:50%;position:absolute}.canvas-inner[data-v-2213297b]{width:var(--width);height:var(--height);transform:translate(-50%,-50%)}.sidebar[data-v-2213297b]{padding:64px 8px 64px 64px;display:flex;flex-direction:column;gap:8px;width:var(--sidebar-width)}.tweak-pane[data-v-2213297b]{margin:-2px}.title[data-v-2213297b]{margin-top:-8px}.about[data-v-2213297b]{flex:1 1 auto;background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);padding:8px}.actions[data-v-2213297b]{background-color:var(--bs-bg);border-radius:var(--bs-br);box-shadow:0 2px 4px var(--bs-sh);padding:8px}.ui-button[data-v-50ed588d]{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--btn-bg);border-radius:var(--bld-br);border-width:0;color:var(--btn-fg);cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:700;height:var(--cnt-usz);line-height:var(--cnt-usz);margin:0;padding:0 8px;text-align:center;white-space:nowrap;-webkit-user-select:none;user-select:none}.ui-button[data-v-50ed588d]:disabled{opacity:.5}.ui-confirm-button{display:inline-flex}.ui-confirm-button .ui-button{flex:1 0 auto}.ui-input{position:relative}.ui-input__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;font-family:inherit;font-size:inherit;font-weight:inherit;margin:0;outline:none;padding:0 var(--bld-hp);background-color:var(--in-bg);border-radius:var(--bld-br);color:var(--in-fg);height:var(--cnt-usz);line-height:var(--cnt-usz);min-width:0;width:100%}.ui-input__input:disabled{opacity:.5}.ui-select{display:inline-flex;position:relative}.ui-select__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;margin:0;padding:0;background-color:var(--btn-bg);border-radius:var(--bld-br);color:var(--btn-fg);cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:700;height:var(--cnt-usz);line-height:var(--cnt-usz);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 20px 0 var(--bld-hp);width:100%;-webkit-user-select:none;user-select:none}.ui-select__arrow{bottom:0;margin:auto;pointer-events:none;position:absolute;right:2px;top:0}.ui-select__arrow svg{bottom:0;height:16px;margin:auto;position:absolute;right:0;top:0;width:16px}.ui-select__select:disabled{opacity:.5}.ui-select__select:disabled+.arrow{opacity:.5}