@layer reset,base,components,utilities;@layer reset{input,textarea{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}menu{margin:0}}@layer base{*{box-sizing:border-box;overflow-wrap:break-word}body{line-height:1.2}button{line-height:1.4;padding-inline:.5em .55em;cursor:pointer}button:hover:not(:active){background-color:var(--color-text)}button[data-theme=positive]{background-color:var(--color-accent);color:var(--color-text)}button[data-theme=positive]:hover:not(:active){background-color:var(--color-text);color:var(--color-accent)}input,textarea,select,button{box-sizing:content-box;border:none;border-radius:3px;background-color:var(--color-panel-background);color:var(--color-panel-text)}input,select{padding-inline:.2em .3em;min-width:2ch;accent-color:var(--color-accent)}input::placeholder,select::placeholder{color:var(--color-grid)}input[type=number]{-moz-appearance:textfield;-webkit-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}.flow>*+*{margin-block-start:var(--flow-space, .5rem)}}@layer components{.field{display:grid;grid-template-columns:11ch 1fr;gap:.5rem;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:4px;border:1px solid var(--color-grid);color:var(--color-text);max-width:min(50ch,80%)}dialog::backdrop{background-color:#00000080}dialog menu{display:flex;gap:1rem;justify-content:end}}@layer components{.code{background-color:#737373;color:#000;padding-inline:.2em .3em;border-radius:3px;white-space:pre;border:1px solid var(--color-background)}}:root{--color-background: black;--color-text: white;--color-grid: hsl(0 0% 20% / 1);--color-guide: var(--color-panel-background);--color-panel-background: hsl(0 0% 60% / 1);--color-panel-text: var(--color-background);--color-accent: blue;--color-bounds: var(--color-accent)}body,html,#app{width:100%;height:100%}body{font-family:monospace;margin:0;color:var(--color-text);background-color:var(--color-background)}[hidden]{display:none}.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]{top:0;right:0;bottom:0;left: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-df8ecac9]{display:flex;flex-direction:column;gap:var(--size-4);padding:var(--size-4);padding-bottom:0}.name-settings[data-v-df8ecac9]{display:flex;align-items:center;gap:.5rem}.name-settings button[data-v-df8ecac9]{margin-left:auto}.name-settings .unsaved[data-v-df8ecac9]{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;-webkit-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}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}.preview[data-v-c425968c]{height:100%;display:flex;gap:1rem;padding:1rem;justify-content:center}.display[data-v-c425968c]{width:auto;height:100%}.pixel[data-v-c425968c]{fill:#fff}.board[data-v-c425968c]{fill:var(--color-accent)}.holes circle[data-v-c425968c]{fill:var(--color-background);stroke:var(--color-panel-background);stroke-width:1px}.screen[data-v-c425968c]{fill:var(--color-background)}.text[data-v-c425968c]{display:flex;flex-direction:column;gap:.5rem}.metrics[data-v-613d2a13]{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem}.inputs[data-v-67660823]{display:flex;overflow:hidden;gap:.5rem}.inputs input[type=number][data-v-67660823]{flex:1}.check[data-v-67660823]{display:flex;align-items:center}.check input[data-v-67660823]{height:100%}.check .label-text[data-v-67660823]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.font-info[data-v-bdfb0de5]{padding-top:1rem;padding-inline:1rem}summary[data-v-bdfb0de5]{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.defs[data-v-e14cd13d]{display:none}.pixel[data-v-e14cd13d]{fill:var(--color-text)}.container[data-v-7109b655]{display:flex;align-items:center;justify-content:center;max-height:100%;flex:1}.canvas[data-v-7109b655]{anchor-name:--canvas;display:block;width:calc(var(--d00be6be) * var(--v6065f0dd) * 1px);height:calc(var(--v4d788dac) * var(--v6065f0dd) * 1px);overflow:visible}.pixel[data-v-7109b655]{fill:var(--color-text)}.pixel[data-cropped=true][data-v-7109b655],[data-selection=true] .pixel[data-selected=false][data-v-7109b655]{fill:var(--color-grid)}.grid[data-v-7109b655]{fill:none;stroke:var(--color-grid);vector-effect:non-scaling-stroke}.baseline[data-v-7109b655]{stroke:var(--color-guide);vector-effect:non-scaling-stroke}.metrics-guide[data-v-7109b655]{stroke:var(--color-guide);stroke-dasharray:3;vector-effect:non-scaling-stroke}.glyph-guide[data-v-7109b655]{fill:none;stroke:var(--color-guide);stroke-dasharray:6;vector-effect:non-scaling-stroke;font-size:18pt;mix-blend-mode:difference;stroke-width:1.5;font-family:var(--v236869db);font-size:var(--v00a4429e);pointer-events:none;-webkit-user-select:none;user-select:none}[data-selection=true] .glyph-guide[data-v-7109b655]{display:none}.bounds[data-v-7109b655]{fill:none;stroke:var(--color-bounds);vector-effect:non-scaling-stroke}[data-selection=true] .bounds[data-v-7109b655]{display:none}.bearing[data-v-7109b655]{fill:var(--color-bounds);stroke:var(--color-bounds);vector-effect:non-scaling-stroke}[data-selection=true] .bearing[data-v-7109b655]{display:none}.selection[data-v-7109b655]{fill:none;stroke:var(--color-accent);stroke-dasharray:6;vector-effect:non-scaling-stroke;animation:selection-7109b655 .3s linear infinite}@keyframes selection-7109b655{0%{stroke-dashoffset:0}to{stroke-dashoffset:12}}.editor[data-v-c36f4ba2]{display:flex;flex-direction:column;padding:1rem;height:100%;--info-height: calc(1.68rem + 2rem)}@supports (position-anchor: --canvas){.editor[data-v-c36f4ba2]{padding-bottom:var(--info-height)}}.info[data-v-c36f4ba2]{display:flex;gap:1rem;margin-block:1rem}@supports (position-anchor: --canvas){.info[data-v-c36f4ba2]{right:anchor(center);position:fixed;bottom:calc(anchor(bottom) - var(--info-height));transform:translate(50%);position-anchor:--canvas}}.info input[data-v-c36f4ba2]{width:2ch;background-color:var(--color-bounds);color:var(--color-text)}.info input[data-v-c36f4ba2]:first-of-type{text-align:right}dialog[data-v-19111b27]{line-height:1.5}@supports (position-anchor: --glyphs-panel){dialog[data-v-19111b27]{position-anchor:--glyphs-panel;margin:0;left:anchor(right);top:calc(anchor(top) - var(--size-2))}}.info[data-v-19111b27]{color:var(--color-gray-4)}.glyphs[data-v-a9abf4a7]{flex:1;overflow:hidden;anchor-name:--glyphs-panel}.resize-handle{--size: 5px;--margin: 1rem;transition:opacity .2s;background:var(--color-panel-background);border-radius:var(--size)}.resize-handle[data-state=inactive]:not(:focus){opacity:.1}.resize-handle[data-orientation=vertical]{height:var(--size);margin-inline:var(--margin)}.resize-handle[data-orientation=horizontal]{width:var(--size);margin-block:var(--margin)}#panel-sidebar{display:flex;flex-direction:column;gap:.5rem}