:root{--bg: #f4f2ec;--surface: #ffffff;--ink: #141414;--ink-inv: #f4f2ec;--edge: #141414;--fill: #141414;--fill-ink: #f4f2ec;--line: #c9c6be;--line-soft: #e2dfd7;--hover: #e7e4dc;--muted: #8a877f;--muted-2: #5b5852;--sel: #fff0bf;--cur: #fde3e0;--str: #8a6a00;--num: #141414;--bool: #1f49a6;--null-bg: #f4f2ec;--red: #d62a1e;--blue: #1f49a6;--yellow: #f2c318;--scroll-thumb: #b6b3ab;--scroll-thumb-hover: #8a877f;--syn-kw: #1f49a6;--syn-str: #8a6a00;--syn-arrow: #d62a1e;--syn-num: #6b3fa0;--syn-tag: #1f49a6;--syn-attr: #8a3b12;--pele-bg: #ffffff;--pele-fg: #141414;--pele-fg-on-light: #141414;--pele-fg-on-dark: #f4f2ec;--pele-muted: #8a877f;--pele-line: #141414;--pele-surface: #f4f2ec;--pele-surface-alt: #e7e4dc;--pele-border: #8a877f;--pele-accent: #1f49a6;--pele-critical: #d62a1e;--pele-error: #d62a1e;--pele-font: "Jost", Helvetica, Arial, sans-serif;--pele-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--code-lh: 21px;color-scheme:light}[data-theme=dark]{--bg: #161616;--surface: #1e1e1e;--ink: #d8d4cb;--ink-inv: #161616;--edge: #3a3733;--fill: #3a3733;--fill-ink: #ede9e1;--line: #3a3a3a;--line-soft: #2a2a2a;--hover: #2a2a2a;--muted: #8e8b84;--muted-2: #a3a099;--sel: #4a3d08;--cur: #4a1b17;--str: #f2c318;--num: #f0ede6;--bool: #7fa3f0;--null-bg: #1e1e1e;--scroll-thumb: #4d4d4d;--scroll-thumb-hover: #6b6b6b;--syn-kw: #7fa3f0;--syn-str: #f2c318;--syn-arrow: #f07a6e;--syn-num: #c3a6ec;--syn-tag: #7fa3f0;--syn-attr: #e3a77a;--pele-bg: #1e1e1e;--pele-fg: #d8d4cb;--pele-fg-on-light: #141414;--pele-fg-on-dark: #ede9e1;--pele-muted: #8e8b84;--pele-line: #d8d4cb;--pele-surface: #2a2a2a;--pele-surface-alt: #333130;--pele-border: #5b5852;--pele-accent: #7fa3f0;--pele-critical: #f07a6e;--pele-error: #f07a6e;color-scheme:dark}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Jost,Helvetica,Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}textarea:focus,input:focus{outline:none}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.editor[data-v-93b848eb]{flex:1;min-height:0;overflow:auto;background:var(--surface);line-height:var(--code-lh);font-variant-ligatures:none;counter-reset:line}.layers[data-v-93b848eb]{display:grid;min-height:100%;width:max-content;min-width:100%}.wrap .layers[data-v-93b848eb]{width:auto}.hl[data-v-93b848eb],textarea[data-v-93b848eb]{grid-area:1 / 1;margin:0;padding:16px 0;font:inherit;line-height:inherit;white-space:pre;tab-size:2}.wrap .hl[data-v-93b848eb],.wrap textarea[data-v-93b848eb]{white-space:pre-wrap;overflow-wrap:anywhere}.hl[data-v-93b848eb]{pointer-events:none}.readonly .hl[data-v-93b848eb]{pointer-events:auto}textarea[data-v-93b848eb]{height:100%;min-height:100%;padding-left:var(--gutter);padding-right:20px;border:none;resize:none;overflow:hidden;background:transparent;color:transparent;caret-color:var(--ink)}textarea[data-v-93b848eb]::placeholder{color:var(--muted)}textarea[data-v-93b848eb]::selection{background:var(--sel);color:transparent}.hl[data-v-93b848eb] .l{display:block;position:relative;min-height:var(--code-lh);padding:0 20px 0 var(--gutter)}.hl[data-v-93b848eb] .l:before{counter-increment:line;content:counter(line);position:absolute;left:0;width:calc(var(--gutter) - 16px);text-align:right;color:var(--muted);user-select:none}.hl[data-v-93b848eb] .l.mark{background:var(--cur)}.hl[data-v-93b848eb] .l.mark:before{color:var(--red);font-weight:500}.hl[data-v-93b848eb] .t-comment{color:var(--muted);font-style:italic}.hl[data-v-93b848eb] .t-str{color:var(--syn-str)}.hl[data-v-93b848eb] .t-diagram{color:var(--syn-kw);font-weight:500}.hl[data-v-93b848eb] .t-kw{color:var(--syn-kw)}.hl[data-v-93b848eb] .t-cls,.hl[data-v-93b848eb] .t-attr{color:var(--syn-attr)}.hl[data-v-93b848eb] .t-arrow{color:var(--syn-arrow)}.hl[data-v-93b848eb] .t-num{color:var(--syn-num)}.hl[data-v-93b848eb] .t-punct{color:var(--muted-2)}.hl[data-v-93b848eb] .t-tag{color:var(--syn-tag)}.settings[data-v-69811ce1]{position:relative;margin:0 8px 8px 0}.trigger[data-v-69811ce1]{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 10px;border:1px solid var(--edge);background:transparent}.trigger[data-v-69811ce1]:hover,.trigger.on[data-v-69811ce1]{background:var(--hover)}.caret[data-v-69811ce1]{width:9px;height:7px;background:var(--ink);clip-path:polygon(0 0,100% 0,50% 100%)}.menu[data-v-69811ce1]{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:200px;padding:4px 0;border:2px solid var(--edge);background:var(--surface)}.menu button[data-v-69811ce1]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:7px 14px;border:none;background:transparent;text-align:left;white-space:nowrap}.menu button[data-v-69811ce1]:hover,.menu button[data-v-69811ce1]:focus-visible{background:var(--hover);outline:none}.sep[data-v-69811ce1]{height:1px;margin:4px 0;background:var(--line)}.check[data-v-69811ce1]{width:12px;height:12px;border:1px solid var(--edge)}.check.on[data-v-69811ce1]{background:var(--blue);border-color:var(--blue)}.app[data-v-15ff27da]{display:flex;flex-direction:column;height:100%;background:var(--bg)}header[data-v-15ff27da]{display:flex;align-items:flex-end;gap:4px;padding:16px 20px 0;border-bottom:2px solid var(--edge)}.spacer[data-v-15ff27da]{flex:1}.tab[data-v-15ff27da]{font-weight:600;letter-spacing:.02em;padding:8px 16px 10px;border:none;border-bottom:2px solid transparent;background:transparent;margin-bottom:-2px}.tab.on[data-v-15ff27da]{background:var(--fill);color:var(--fill-ink);border-bottom-color:var(--fill)}.source-tab[data-v-15ff27da]{display:none}.theme[data-v-15ff27da]{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 10px;margin:0 12px 8px 0;border:1px solid var(--edge);background:transparent}.theme[data-v-15ff27da]:hover{background:var(--hover)}.bullet[data-v-15ff27da]{width:10px;height:10px;border-radius:50%;background:var(--ink)}.marks[data-v-15ff27da]{display:flex;gap:6px;align-items:center;padding-bottom:12px}.sq[data-v-15ff27da]{width:12px;height:12px;background:var(--red)}.ci[data-v-15ff27da]{width:12px;height:12px;background:var(--blue);border-radius:50%}.tri[data-v-15ff27da]{width:12px;height:12px;background:var(--yellow);clip-path:polygon(50% 0,100% 100%,0 100%)}main[data-v-15ff27da]{display:grid;grid-template-columns:var(--cols);flex:1;min-height:0}.col[data-v-15ff27da]{display:flex;flex-direction:column;min-width:0;min-height:0}.bar[data-v-15ff27da]{display:flex;align-items:center;gap:10px;min-height:45px;padding:8px 12px 8px 20px;border-bottom:2px solid var(--edge);background:var(--bg)}.title[data-v-15ff27da]{font-weight:600;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.lang[data-v-15ff27da]{color:var(--muted-2);font-size:13px}.lang.mono[data-v-15ff27da]{font-size:12px}.bar button[data-v-15ff27da]{padding:5px 10px;border:none;background:transparent;white-space:nowrap}.bar button[data-v-15ff27da]:hover:not(:disabled){background:var(--hover)}.bar button[data-v-15ff27da]:disabled{color:var(--muted);cursor:default}.resizer[data-v-15ff27da]{position:relative;background:var(--line);cursor:col-resize;touch-action:none;z-index:5}.resizer[data-v-15ff27da]:before{content:"";position:absolute;inset:0 -4px}.resizer[data-v-15ff27da]:hover,.resizer[data-v-15ff27da]:focus-visible{background:var(--blue);outline:none}.preview[data-v-15ff27da]{position:relative;display:flex;flex:1;min-height:0;background:var(--pele-bg);color:var(--pele-fg)}.canvas[data-v-15ff27da]{display:flex;flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;direction:ltr;font-family:var(--pele-font)}.canvas[data-v-15ff27da]>svg{flex:none;margin:auto;transition:opacity .15s}.canvas.stale[data-v-15ff27da]>svg{opacity:.35}.empty[data-v-15ff27da]{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;color:var(--muted);text-align:center;pointer-events:none}.status[data-v-15ff27da]{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:45px;max-height:40%;padding:10px 20px;border-top:2px solid var(--edge);background:var(--bg);overflow:auto;font-size:13px}.error[data-v-15ff27da],.ok[data-v-15ff27da]{display:flex;align-items:center;gap:8px;min-width:0}.error[data-v-15ff27da]{color:var(--red)}.ok[data-v-15ff27da]{color:var(--muted-2)}.error.link[data-v-15ff27da]{padding:0;border:none;background:transparent;color:var(--red);text-align:left}.error.link[data-v-15ff27da]:hover{text-decoration:underline}.dot[data-v-15ff27da]{flex:none;width:10px;height:10px;background:var(--red)}.tick[data-v-15ff27da]{flex:none;width:10px;height:10px;background:var(--blue);border-radius:50%}.detail[data-v-15ff27da]{margin:0;font-size:12px;color:var(--muted-2);white-space:pre;overflow-x:auto;font-variant-ligatures:none}@media(max-width:760px){header[data-v-15ff27da]{padding:12px 12px 0}.source-tab[data-v-15ff27da]{display:block}.tab[data-v-15ff27da]{padding:8px 12px 10px}.theme[data-v-15ff27da]{margin-right:0}.theme-label[data-v-15ff27da],.marks[data-v-15ff27da]{display:none}main[data-v-15ff27da]{grid-template-columns:minmax(0,1fr)}.resizer[data-v-15ff27da],.app[data-panel=source] .output[data-v-15ff27da],.app[data-panel=output] .source[data-v-15ff27da]{display:none}}