@layer reset,base,components,utilities;.checkbox[data-v-a51a346c]{background-color:var(--color-panel-background);width:1rem;height:1rem;padding:0}.checkbox[data-state=checked][data-v-a51a346c]{background-color:var(--color-accent)}.indicator[data-v-a51a346c]{color:var(--color-text)}pre[class*=language-],code[class*=language-]{color:#fff;font-size:13px;text-shadow:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-]::mozselection,code[class*=language-]::mozselection{text-shadow:none;background:#27384e}@media print{pre[class*=language-],code[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;background:#24292f}:not(pre)>code[class*=language-]{padding:.1em .3em;border-radius:.3em;color:#fff;background:#8b949e}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{position:relative;z-index:1}.line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:#27384e;box-shadow:inset 5px 0 #1f6fea;z-index:0;pointer-events:none;line-height:inherit;white-space:pre}.namespace{opacity:.7}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#8b949e}.token.punctuation{color:#fff}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#78bffe}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#a5d6ff}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#79bffe;background:#24292f}.token.atrule,.token.attr-value,.token.keyword{color:#ff7b72}.token.function{color:#d2a8ff}.token.regex,.token.important,.token.variable{color:#fea557}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.code-viewer[data-v-748127da]{--menu-gap: var(--size-2);display:flex;flex-direction:column;gap:var(--size-2)}.code[data-v-748127da]{padding:var(--size-2);max-height:max-content;overflow:auto;border-radius:var(--radius-2);background-color:var(--color-grid);flex:1!important;margin:0}.code [data-v-748127da] .token{background:none}.menu[data-v-748127da]{display:flex;gap:var(--menu-gap)}.settings-trigger[data-v-748127da]{anchor-name:--code-settings-dialog-trigger}.settings[data-v-748127da]{position:absolute;position-anchor:--code-settings-dialog-trigger;top:anchor(top);left:anchor(left);translate:-100% 0;margin-inline:calc(var(--menu-gap) * -1 + 2px);margin-block:0}.swatch-field[data-v-002faf03]{--swatch-size: var(--size-4)}.preview[data-v-002faf03]{--preview-height: 1lh;display:flex;gap:var(--size-1);align-items:center;overflow:hidden;padding-inline:calc((var(--preview-height) - var(--swatch-size)) / 2)}.preview .swatch[data-v-002faf03]{flex-shrink:0;border:1px solid hsl(0deg 0% 33%)}.label[data-v-002faf03]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.swatches[data-v-002faf03]{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--size-1);background:var(--color-background);border-radius:var(--radius-2);border:1px solid var(--color-border);color:var(--color-text);padding:var(--size-2)}.swatches .swatch[data-v-002faf03]{border:1px solid hsl(0deg 0% 25%)}.swatch[data-v-002faf03]{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--radius-1);padding:0}.split-button[data-v-9943b3ac]{display:flex;align-items:center;border-radius:var(--radius-1);background-color:var(--color-panel-background);color:var(--color-panel-text)}button[data-v-9943b3ac]{border-top-right-radius:0;border-bottom-right-radius:0;padding-inline-end:.2em}.select[data-v-9943b3ac]{position:relative;width:2.5ch;display:flex;align-items:center;justify-content:center}.chevron[data-v-9943b3ac]{rotate:90deg;position:absolute;pointer-events:none}select[data-v-9943b3ac]{border-top-left-radius:0;border-bottom-left-radius:0;background-color:transparent;min-width:0;color:transparent;border-left:1px solid var(--color-gray-3)}.split-button:hover select[data-v-9943b3ac]{border-color:transparent}select[data-v-9943b3ac]:hover{background-color:var(--color-white);cursor:pointer}select option[data-v-9943b3ac]{color:var(--color-panel-text)}.file-menu[data-v-27ba7162]{display:grid;grid-template-columns:1fr max-content max-content;align-items:baseline;list-style:none;padding:0;gap:var(--size-3)}.drop-zone[data-v-27ba7162]{display:flex;gap:.5rem;align-items:baseline;color:var(--color-gray-4);overflow:hidden;padding:.75rem;border:1px solid var(--color-border);border-radius:4px}.drop-zone[data-drop-state=over][data-v-27ba7162]{color:var(--color-text);background-color:var(--color-accent);border-color:var(--color-accent)}.drop-zone[data-drop-state=over] button[data-v-27ba7162]{background-color:var(--color-text)}.drop-zone[data-drop-state=potential][data-v-27ba7162]{border-color:var(--color-accent)}.drop-hint[data-v-27ba7162]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}input[data-v-81abe08b]{field-sizing:content;box-sizing:border-box;max-width:100%}.section[data-v-2dee36a5]{display:flex;flex-direction:column}.header[data-v-2dee36a5]{padding-inline:var(--size-4);padding-bottom:var(--size-2);padding-top:var(--size-2);display:flex;justify-content:space-between;align-items:center}.frames[data-v-2dee36a5]{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--frame-size),1fr));grid-auto-rows:max-content;align-items:start;gap:var(--size-4);padding-inline:var(--size-4);padding-bottom:var(--size-4);flex:1;overflow-y:auto}.frames[data-size=small][data-v-2dee36a5]{--frame-size: 4rem}.frames[data-size=medium][data-v-2dee36a5]{--frame-size: 6rem}.frames[data-size=big][data-v-2dee36a5]{--frame-size: 9rem}.frame[data-v-2dee36a5]{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-2);overflow:hidden;cursor:pointer;background:inherit;color:inherit;padding:0;display:flex;flex-direction:column}.frames[data-sorting=false]:not(:has(.frame:focus)) .frame[aria-current=true][data-v-2dee36a5]{border-color:var(--color-accent);background-color:var(--color-accent)}.frame[data-v-2dee36a5]:hover{border-color:var(--color-gray-3)}.frame[data-v-2dee36a5]:focus{border-color:var(--color-accent);background-color:var(--color-accent)}.frame .sort-handle[data-v-2dee36a5]{position:absolute;top:0;right:0;border-radius:var(--radius-1);box-sizing:content-box;margin:var(--size-1);padding:.1rem;background-color:var(--color-gray-1);cursor:grab}.frame:not(:hover) :is(.frame .sort-handle)[data-v-2dee36a5]{display:none}.frames[data-sorting=true] :is(.frame .sort-handle)[data-v-2dee36a5]{display:none}.frame .frame-name[data-v-2dee36a5]{text-align:center}[data-v-2dee36a5] canvas{width:100%;height:auto;max-height:10rem;object-fit:contain}.inputs[data-v-57b3d503]{display:grid;gap:var(--size-2);grid-template-columns:1fr 1fr}input[data-v-57b3d503]{width:100%}.prefixed-input[data-v-57b3d503]{display:flex;align-items:baseline}.layer[data-v-632c355b]{display:flex;flex-direction:column;gap:var(--layers-gap);border-radius:var(--radius-2)}.layer[data-selected=true][data-v-632c355b]{background-color:var(--color-accent)}.layer[data-selected=true]+.layer[data-selected=true][data-v-632c355b]{border-top-left-radius:0;border-top-right-radius:0;background-color:var(--color-accent);position:relative}.layer[data-selected=true]+.layer[data-selected=true][data-v-632c355b]:before{content:"";position:absolute;height:var(--layers-gap);width:100%;background:inherit;translate:0 -100%}.layer[data-selected=true][data-v-632c355b]:has(+.layer[data-selected=true]){border-bottom-left-radius:0;border-bottom-right-radius:0}.row[data-v-632c355b]{display:flex;gap:var(--size-2);position:relative;padding-inline:var(--size-1) 0;height:var(--size-6);border-radius:var(--radius-2)}.row[data-v-632c355b]:hover{background-color:var(--color-gray-1)}.layer[data-selected=true] .row[data-v-632c355b]:hover{background-color:unset}.chevron[data-v-632c355b]{display:block;padding:0;background:none;color:var(--color-text)}.chevron[data-expanded=true][data-v-632c355b]{rotate:90deg}.chevron[data-visible=false][data-v-632c355b]{visibility:hidden;pointer-events:none}.label[data-v-632c355b]{flex:1;text-align:left;background:none;color:var(--color-text);align-items:center;display:flex;gap:var(--size-2);padding-inline:0 var(--size-1);overflow:hidden}.label .name[data-v-632c355b]{display:block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions[data-v-632c355b]{display:flex;gap:var(--size-1);padding-right:var(--size-1)}[data-dragging=true] .actions[data-v-632c355b],.row:has(input) .actions[data-v-632c355b],.row:not(:hover):not(:focus-within) .actions[data-enabled=false][data-v-632c355b]{display:none}.action[data-v-632c355b]{display:flex;align-items:center;background:none;padding:0}.row:not(:hover):not(:focus-within) .action[data-value=false][data-v-632c355b]{visibility:hidden}.children[data-v-632c355b]{display:flex;flex-direction:column;gap:var(--layers-gap);list-style:none;padding:0;margin-inline:var(--size-4) 0}.drop-indicator[data-v-632c355b]{--stroke-width: .125rem;--color: var(--color-gray-3);position:absolute;width:100%;will-change:transform;transform:translateZ(0)}.drop-indicator[data-operation=reorder-before][data-v-632c355b]{height:var(--stroke-width);background-color:var(--color);top:calc(-.5 * (var(--layers-gap) + var(--stroke-width)))}.drop-indicator[data-operation=reorder-after][data-v-632c355b]{height:var(--stroke-width);background-color:var(--color);bottom:calc(-.5 * (var(--layers-gap) + var(--stroke-width)))}.drop-indicator[data-operation=combine][data-v-632c355b]{inset:0;outline:var(--stroke-width) solid var(--color);border-radius:var(--radius-2)}.layers[data-v-50622257]{height:100%;display:flex;flex-direction:column}.header[data-v-50622257]{padding:var(--size-4)}.items[data-v-50622257]{--layers-gap: var(--size-2);display:flex;flex:1;flex-direction:column;gap:var(--layers-gap);list-style:none;padding:var(--size-2);padding-top:0;margin:0;overflow-y:auto}.inputs[data-v-91c4facc]{display:grid;gap:var(--size-2);grid-template-columns:1fr 1fr}input[data-v-91c4facc]{width:100%}.prefixed-input[data-v-91c4facc]{display:flex;align-items:baseline}.panel[data-v-20771300]{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-4);padding-bottom:0}.name-settings[data-v-20771300]{display:flex;align-items:center;gap:.5rem}.name-settings button[data-v-20771300]{margin-left:auto}.name-settings .unsaved[data-v-20771300]{width:1.2ch;height:1.2ch;background:#fff;display:block;border-radius:100%}.inputs[data-v-908229cc]{display:grid;gap:var(--size-2);grid-template-columns:1fr 1fr}input[data-v-908229cc]{width:100%}.prefixed-input[data-v-908229cc]{display:flex;align-items:baseline}button[data-v-7ff302ef]{padding:0}.switch-root[data-v-7ff302ef]{--size: 1.1rem;width:calc(2 * var(--size));height:var(--size);border-radius:9999px;position:relative;cursor:pointer;line-height:1.4;background-color:var(--color-grid)}.switch-root[data-state=checked][data-v-7ff302ef]{background-color:var(--color-accent)}.switch-thumb[data-v-7ff302ef]{display:block;width:var(--size);height:var(--size);background-color:var(--color-panel-background);border-radius:9999px;transition:transform .1s;will-change:transform}.switch-thumb[data-state=checked][data-v-7ff302ef]{transform:translate(var(--size))}.switch-root:hover .switch-thumb[data-v-7ff302ef],.switch-thumb[data-state=checked][data-v-7ff302ef]{background-color:var(--color-text)}.tool-bar[data-v-2fc060f8]{display:flex;position:absolute;top:var(--size-4);right:var(--size-4);flex-direction:column;gap:3px;padding:2px;background-color:var(--color-panel-background);border-radius:var(--radius-2)}.tool-bar button[data-v-2fc060f8]{display:block;padding:1px;background-color:inherit;color:var(--color-black)}.tool-bar button[data-v-2fc060f8]:hover{background-color:var(--color-white)}.tool-bar button[aria-pressed=true][data-v-2fc060f8]{color:var(--color-accent);background-color:var(--color-white)}.tool-bar button[data-v-2fc060f8]:active{background-color:var(--color-white)}.tool-bar button svg[data-v-2fc060f8]{display:block}@layer reset,base,components,utilities;@layer reset{input,textarea,select{font-family:inherit;font-size:inherit;border:none}h1,h2,h3{font-weight:inherit;font-size:inherit;margin:0}a{text-decoration:none;color:inherit}p,pre,menu,ul{margin:0}}@layer base{*{box-sizing:border-box;overflow-wrap:break-word}body{line-height:1.2}input,select,button{padding-block:0;line-height:1.7}input,select{height:1lh}input{padding-inline:.4em}select{padding-inline:.1em}button{cursor:pointer;padding-inline:.5em}button:hover:not(:active):not(:disabled){background-color:var(--color-text)}button:disabled{background-color:var(--color-gray-3);cursor:not-allowed}button[data-theme=positive]{background-color:var(--color-accent);color:var(--color-text)}button[data-theme=positive]:hover:not(:active):not(:disabled){background-color:var(--color-text);color:var(--color-accent)}button[data-theme=dark]{color:var(--color-text);background-color:var(--color-background)}button[data-theme=dark]:hover:not(:active):not(:disabled){background-color:var(--color-gray-1)}button:has(svg){display:flex;align-items:center;justify-content:center;padding:0}input,textarea,select,button{box-sizing:content-box;border:none;border-radius:var(--radius-1);background-color:var(--color-panel-background);color:var(--color-panel-text)}input,select{min-width:2ch;accent-color:var(--color-accent)}:is(input,select)::placeholder{color:var(--color-grid)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=checkbox]{width:max-content}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none}summary{cursor:pointer}svg{display:block}.flow>*+*{margin-block-start:var(--flow-space, var(--size-2))}}@layer components{.field{display:grid;grid-template-columns:9ch 1fr;gap:var(--size-2);align-items:center}.field label{text-overflow:ellipsis;overflow:hidden}details .field{margin-left:2ch;grid-template-columns:9ch 1fr}}@layer components{dialog{background:var(--color-background);border-radius:var(--radius-2);border:1px solid var(--color-gray-1);color:var(--color-text);max-width:min(50ch,80%);min-width:40ch;padding:var(--size-4)}dialog::backdrop{background-color:#0000008c}dialog menu{display:flex;gap:1rem;justify-content:end}}@layer components{.form{line-height:1.7;display:flex;flex-direction:column;gap:.5lh}.form .field{min-height:1lh}}:root{--color-black: black;--color-white: white;--color-gray-1: hsl(0 0% 14% / 1);--color-gray-2: hsl(0 0% 20% / 1);--color-gray-3: hsl(0 0% 40% / 1);--color-gray-4: hsl(0 0% 60% / 1);--color-background: var(--color-black);--color-text: var(--color-white);--color-grid: var(--color-gray-1);--color-guide: var(--color-gray-4);--color-panel-background: var(--color-gray-4);--color-panel-text: var(--color-black);--color-accent: blue;--color-bounds: var(--color-accent);--color-border: var(--color-gray-2);--radius-1: 3px;--radius-2: 4px;--size-1: .25rem;--size-2: .5rem;--size-3: .75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-7: 1.75rem;--size-8: 2rem;--size-9: 3rem;--size-10: 4rem;--size-11: 5rem}:root{--color-accent: tomato;--color-pixel-0: hsl(0, 0%, 0%);--color-pixel-1: hsl(0, 0%, 6.67%);--color-pixel-2: hsl(0, 0%, 13.33%);--color-pixel-3: hsl(0, 0%, 20%);--color-pixel-4: hsl(0, 0%, 26.67%);--color-pixel-5: hsl(0, 0%, 33.33%);--color-pixel-6: hsl(0, 0%, 40%);--color-pixel-7: hsl(0, 0%, 46.67%);--color-pixel-8: hsl(0, 0%, 53.33%);--color-pixel-9: hsl(0, 0%, 60%);--color-pixel-10: hsl(0, 0%, 66.67%);--color-pixel-11: hsl(0, 0%, 73.33%);--color-pixel-12: hsl(0, 0%, 80%);--color-pixel-13: hsl(0, 0%, 86.67%);--color-pixel-14: hsl(0, 0%, 93.33%);--color-pixel-15: hsl(0, 0%, 100%)}html,body,#app{width:100%;height:100%;margin:0}body{background-color:var(--color-background);color:var(--color-text);font-family:monospace}hr{width:100%;border-color:var(--color-border);margin-block:.5lh}canvas[data-v-cf9b112a]{display:block;image-rendering:pixelated}.canvas[data-v-70f03d4c]{background-color:var(--color-background);padding:var(--size-2);padding-bottom:var(--size-1)}.editor[data-v-02a2e42b]{position:relative;overflow:auto;height:100%}.frame[data-v-02a2e42b]{position:relative;width:calc(var(--v76691ca1) * var(--v4f68dd42) * 1px);height:calc(var(--v3ceb7dac) * var(--v4f68dd42) * 1px);background-color:var(--color-background)}[data-scrolling=y] .frame[data-v-02a2e42b]{left:50%;transform:translate(-50%)}[data-scrolling=x] .frame[data-v-02a2e42b]{top:50%;transform:translateY(-50%)}[data-scrolling=none] .frame[data-v-02a2e42b]{top:50%;left:50%;transform:translate(-50%,-50%)}.canvas[data-v-02a2e42b]{width:100%;height:100%;image-rendering:pixelated;background-color:var(--color-background)}.overlay[data-v-02a2e42b]{position:absolute;display:block;inset:0;overflow:visible}.overflow[data-v-02a2e42b]{position:absolute;display:block;inset:0;overflow:visible;z-index:-1}.overflow .bounds[data-v-02a2e42b]{stroke:var(--color-grid)}.grid[data-v-02a2e42b]{--stroke-width: clamp(.25, var(--v4f68dd42) / 10, 1);fill:none;stroke:var(--color-grid);vector-effect:non-scaling-stroke;pointer-events:none;stroke-width:var(--stroke-width)}.snap[data-v-02a2e42b]{stroke:#2e8b57;vector-effect:non-scaling-stroke}.bounds{fill:none;stroke-width:1;stroke:var(--color-bounds);vector-effect:non-scaling-stroke;pointer-events:none}.selection{fill:none;stroke-width:1;stroke:var(--color-guide);stroke-dasharray:2;vector-effect:non-scaling-stroke;pointer-events:none}.point-handle{fill:transparent;r:calc(7 / var(--v4f68dd42));cursor:default;stroke:var(--color-bounds);vector-effect:non-scaling-stroke}.canvas[data-v-aef17a21]{background-color:var(--color-background);padding:var(--size-2);padding-bottom:var(--size-1)}.buttons-align[data-v-2db3a199]{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem}.buttons-distribute[data-v-2db3a199]{display:grid;grid-template-columns:1fr 1fr;gap:.2rem}button[data-v-2db3a199]:has(svg){display:flex;align-items:center;justify-content:center;height:max-content;padding-block:0}button svg[data-v-2db3a199]{display:block}.content[data-v-ad1f2479]{display:grid;grid-template-columns:1fr max-content;gap:var(--size-1)}.drop-zone[data-v-ad1f2479]{display:flex;gap:.5rem;align-items:baseline;color:var(--color-gray-4);overflow:hidden;padding:.75rem;border:1px solid var(--color-border);border-radius:4px}.drop-zone[data-drop-state=over][data-v-ad1f2479]{color:var(--color-text);background-color:var(--color-accent);border-color:var(--color-accent)}.drop-zone[data-drop-state=over] button[data-v-ad1f2479]{background-color:var(--color-text)}.drop-zone[data-drop-state=potential][data-v-ad1f2479]{border-color:var(--color-accent)}.drop-hint[data-v-ad1f2479]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fonts-table[data-v-ad1f2479]{list-style:none;padding:0;display:flex;flex-direction:column;gap:.2rem}.fonts-table li[data-v-ad1f2479]{display:grid;gap:1ch;grid-template-columns:1fr max-content;align-items:center}.fonts-table .font-name[data-v-ad1f2479]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}textarea[data-v-ffde7abd]{width:100%}.panel[data-v-f570ad29]{display:flex;flex-direction:column;height:100%;gap:var(--size-2)}header[data-v-f570ad29]{display:flex;gap:var(--size-2);overflow:hidden;align-items:baseline}.heading[data-v-f570ad29]{flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-transform:capitalize}.code-viewer[data-v-f570ad29]{flex:1;overflow:hidden}.editor-panel[data-v-3aa485dd]{position:relative;padding:.3rem}.properties-panel[data-v-3aa485dd]{padding:var(--size-4)}[data-resize-handle][data-v-3aa485dd]{--size: 5px;--margin: 1rem;transition:opacity .2s;background:var(--color-panel-background);border-radius:var(--size)}[data-resize-handle][data-state=inactive][data-v-3aa485dd]:not(:focus){opacity:.1}[data-resize-handle][data-orientation=vertical][data-v-3aa485dd]{height:var(--size);margin-inline:var(--margin)}[data-resize-handle][data-orientation=horizontal][data-v-3aa485dd]{width:var(--size);margin-block:var(--margin)}