:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #1b1f23;--muted: #667085;--line: #e2e5ea;--hover: #eef0f4;--accent: #2057c4;--accent-ink: #ffffff;--danger: #c2352b;--ok: #2f7d4f;--grid: #e3e8f0;--sel: rgba(32, 87, 196, .18);--err-bg: rgba(194, 53, 43, .14);--add-bg: rgba(47, 125, 79, .16);--del-bg: rgba(194, 53, 43, .14);--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--t-kw: #7a3fb8;--t-str: #2f7d4f;--t-num: #b45309;--t-com: #8a93a1;--t-name: #2057c4;--t-type: #0e7490;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #111315;--surface: #181b1e;--ink: #e6e8eb;--muted: #9aa3b2;--line: #2a2f35;--hover: #22262b;--accent: #6b9bff;--accent-ink: #0b1220;--danger: #ff7a70;--ok: #5fc58a;--grid: #22282f;--sel: rgba(107, 155, 255, .25);--err-bg: rgba(255, 122, 112, .2);--add-bg: rgba(95, 197, 138, .18);--del-bg: rgba(255, 122, 112, .18);--t-kw: #b78af0;--t-str: #5fc58a;--t-num: #ffa24d;--t-com: #7c8696;--t-name: #6b9bff;--t-type: #4fc3dc;color-scheme:dark}}[hidden]{display:none!important}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{display:flex;flex-direction:column;height:100%}.btn{appearance:none;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){background:var(--hover)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.btn.quiet{border-color:transparent;background:transparent}.btn.quiet:hover:not(:disabled){background:var(--hover)}select.btn{padding-right:4px}.bar{position:relative;display:flex;align-items:center;gap:14px;height:46px;padding:0 14px;background:var(--surface);border-bottom:1px solid var(--line);flex:none}.brand{font-weight:650;letter-spacing:-.01em;text-decoration:none}.tabs{display:flex;gap:2px}.tab{appearance:none;border:0;background:none;font:inherit;cursor:pointer;padding:5px 10px;border-radius:6px;color:var(--muted);text-decoration:none}.tab:hover{background:var(--hover);color:var(--ink)}.tab.has:after{content:"";display:inline-block;width:5px;height:5px;margin:0 0 2px 6px;border-radius:50%;background:var(--accent)}.tool[hidden]{display:none}.tab[aria-selected=true]{color:var(--ink);background:var(--hover)}.crumb{color:var(--muted)}.spacer{flex:1}.status{color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status.bad{color:var(--danger)}.gauge{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(0);transition:transform .4s ease}.gauge.low{background:var(--danger)}.pop{position:absolute;z-index:20;top:52px;right:14px;width:min(440px,calc(100vw - 28px));padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 28px #00000024}.pop[hidden]{display:none}.pop h2{margin:0 0 10px;font-size:14px}.link-row{display:grid;grid-template-columns:1fr auto;gap:6px;margin-bottom:10px}.link-row label{grid-column:1 / -1;color:var(--muted);font-size:12px}.link-row input{min-width:0;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);font:12.5px var(--mono)}.pop p{margin:4px 0 0;color:var(--muted);font-size:12.5px}.main,.tool{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--line);flex:none;flex-wrap:wrap}.toolbar .btn{height:28px}.editor{flex:1;min-height:0;background:var(--surface)}.editor .cm-editor{height:100%}.statusbar{display:flex;gap:16px;align-items:center;height:28px;padding:0 14px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:12.5px;flex:none}.statusbar .msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statusbar .msg.ok{color:var(--ok)}.statusbar .msg.bad{color:var(--danger);cursor:pointer}.statusbar .msg.bad:hover{text-decoration:underline}.editor-split{flex:1;min-height:0;display:flex}.editor-split>.editor{flex:1;min-width:0}.editor-split>[hidden]{display:none}.md-preview{flex:1;min-width:0;overflow:auto;padding:18px 28px 40px;background:var(--surface);border-left:1px solid var(--line);overflow-wrap:anywhere;line-height:1.65}.editor-split>.editor[hidden]+.md-preview{border-left:0;padding-left:max(28px,calc((100% - 760px)/2));padding-right:max(28px,calc((100% - 760px)/2))}.md-preview>:first-child{margin-top:0}.md-preview h1,.md-preview h2{padding-bottom:.25em;border-bottom:1px solid var(--line)}.md-preview h1,.md-preview h2,.md-preview h3{margin:1.4em 0 .5em;line-height:1.25}.md-preview a{color:var(--accent)}.md-preview code{padding:.15em .35em;border-radius:4px;background:var(--hover);font:.9em var(--mono)}.md-preview pre{padding:12px 14px;overflow:auto;border-radius:8px;background:var(--hover)}.md-preview pre code{padding:0;background:none}.md-preview blockquote{margin:1em 0;padding:0 1em;border-left:3px solid var(--line);color:var(--muted)}.md-preview table{border-collapse:collapse}.md-preview th,.md-preview td{padding:5px 12px;border:1px solid var(--line)}.md-preview hr{border:0;border-top:1px solid var(--line)}.md-preview img{max-width:100%}@media(max-width:800px){.editor-split{flex-direction:column}.md-preview{border-left:0;border-top:1px solid var(--line)}}.tok-keyword,.tok-operatorKeyword,.tok-modifier,.tok-controlKeyword{color:var(--t-kw)}.tok-string,.tok-string2,.tok-regexp,.tok-attributeValue{color:var(--t-str)}.tok-number,.tok-integer,.tok-float,.tok-bool,.tok-null,.tok-atom{color:var(--t-num)}.tok-comment,.tok-lineComment,.tok-blockComment{color:var(--t-com);font-style:italic}.tok-propertyName,.tok-attributeName,.tok-labelName{color:var(--t-name)}.tok-typeName,.tok-className,.tok-namespace,.tok-tagName{color:var(--t-type)}.tok-heading,.tok-strong{font-weight:650}.tok-emphasis{font-style:italic}.tok-link,.tok-url{text-decoration:underline}.tok-invalid{color:var(--danger)}.cm-json-error{background:var(--err-bg);text-decoration:underline wavy var(--danger);text-underline-offset:3px}.cm-json-error-line{background:var(--err-bg)}.diff .cm-mergeView{height:100%;overflow:auto}.diff .cm-mergeViewEditors{min-height:100%}.diff .cm-mergeViewEditor{min-width:0}.diff .cm-editor{height:auto;min-height:100%}.diff.stacked .cm-mergeViewEditors{flex-direction:column}.diff.stacked .cm-mergeViewEditor{min-height:140px;border-bottom:1px solid var(--line)}.diff .cm-mergeViewEditor+.cm-mergeViewEditor{border-left:1px solid var(--line)}.diff.stacked .cm-mergeViewEditor+.cm-mergeViewEditor{border-left:0}.diff .cm-editor .cm-changedLine,.diff .cm-editor .cm-inlineChangedLine{background:var(--add-bg)}.diff .cm-mergeViewEditor:first-child .cm-changedLine,.diff .cm-mergeViewEditor:first-child .cm-inlineChangedLine{background:var(--del-bg)}.diff .cm-editor .cm-changedText,.diff .cm-editor .cm-insertedLine .cm-changedText{background:var(--add-bg);box-shadow:inset 0 -2px 0 var(--ok)}.diff .cm-mergeViewEditor:first-child .cm-changedText{background:var(--del-bg);box-shadow:inset 0 -2px 0 var(--danger)}.diff .cm-editor .cm-changedLineGutter{background:var(--ok)}.diff .cm-mergeViewEditor:first-child .cm-changedLineGutter{background:var(--danger)}.diff .cm-collapsedLines{background:var(--hover);color:var(--muted)}.home{width:min(560px,100%);margin:0 auto;padding:12vh 20px 40px}.home h1{margin:0 0 4px;font-size:22px;letter-spacing:-.02em}.home .lede{margin:0 0 28px;color:var(--muted)}.launch{display:grid;gap:8px}.launch a{display:block;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;text-decoration:none}.launch a:hover{border-color:var(--accent)}.launch strong{display:block;font-weight:600}.launch span{color:var(--muted);font-size:13px}.recent{margin-top:36px}.recent h2{margin:0 0 8px;color:var(--muted);font-size:13px;font-weight:500}.recent ul{margin:0;padding:0;list-style:none}.recent li{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.recent li:last-child{border-bottom:1px solid var(--line)}.recent a{flex:1;min-width:0;padding:9px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.recent a:hover{text-decoration:underline}.recent .kind,.recent .left{color:var(--muted);font-size:12.5px;white-space:nowrap}.recent .x{height:24px;width:24px;padding:0;justify-content:center}.note{max-width:420px;margin:18vh auto 0;padding:0 20px;text-align:center}.note h1{margin:0 0 6px;font-size:18px}.note p{margin:0 0 16px;color:var(--muted)}.pad{position:relative;flex:1;min-height:0;overflow:hidden;background:var(--surface)}.pad-stage{position:absolute;inset:0;touch-action:none;user-select:none;-webkit-user-select:none;background-color:var(--surface)}.pad-stage[data-bg=grid]{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:var(--gs) var(--gs);background-position:var(--gx) var(--gy)}.pad-stage[data-bg=ruled]{background-image:linear-gradient(var(--grid) 1px,transparent 1px);background-size:100% var(--gs);background-position:0 var(--gy)}.pad-stage canvas{position:absolute;inset:0;width:100%;height:100%}.pad-text{position:absolute;z-index:2;margin:0;padding:0;border:1px dashed var(--accent);outline:none;resize:none;overflow:hidden;background:transparent;font-family:var(--sans);line-height:1.3;white-space:pre}.pad-bar{position:absolute;z-index:3;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;max-width:calc(100% - 20px);padding:4px;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 2px 10px #00000014;scrollbar-width:none}.pad-bar::-webkit-scrollbar{display:none}.pad-bar .sep{flex:none;width:1px;height:20px;margin:0 5px;background:var(--line)}.pb{appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:12.5px var(--sans);cursor:pointer}.pb:hover:not(:disabled){background:var(--hover)}.pb:disabled{opacity:.35;cursor:default}.pb[aria-pressed=true]{background:var(--sel);color:var(--accent)}.swatch{width:18px;height:18px;border-radius:50%;background:var(--c);box-shadow:inset 0 0 0 1px #0000002e}.pb[aria-pressed=true] .swatch{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--c)}@media(prefers-color-scheme:dark){.swatch{background:var(--cd)}.pb[aria-pressed=true] .swatch{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--cd)}}.lvl{display:block;width:16px;border-radius:2px;background:currentColor}@media(max-width:640px){.pad-bar{flex-wrap:wrap;justify-content:center;overflow:visible}.pad-bar .sep,.tabs,.crumb{display:none}.bar{gap:10px}}@media(prefers-reduced-motion:reduce){.gauge{transition:none}}