:root{--bg:#f6f6fa;--panel:#fff;--border:#dcdce6;--text:#1d1d2b;--muted:#7a7a90;--accent:#6b5bff;--accent-soft:#a99fff;--danger:#d64550;--code:#eeeef6}:root[data-theme=dark]{--bg:#16161f;--panel:#1d1d2a;--border:#2e2e40;--text:#e6e6f2;--muted:#8888a0;--accent:#8b7cff;--accent-soft:#5d52b8;--danger:#ff6b76;--code:#262637}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:4px 10px}button:hover{border-color:var(--accent)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.active{border-color:var(--accent);color:var(--accent)}button.danger{color:var(--danger)}input,select{background:var(--panel);border:1px solid var(--border);border-radius:6px;width:100%;padding:6px 8px}.layout{grid-template-columns:270px 1fr 250px;height:100%;display:grid}.layout.no-side{grid-template-columns:0 1fr 250px}.side,.right{background:var(--panel);flex-direction:column;min-height:0;display:flex;overflow:hidden}.side{border-right:1px solid var(--border)}.right{border-left:1px solid var(--border);padding:12px;overflow:auto}.side-head{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding:10px;display:flex}.brand{letter-spacing:.5px;align-items:center;gap:8px;font-weight:700;display:flex}.brand img{width:22px;height:22px}.row{align-items:center;gap:6px;display:flex}.row>*{flex:1}.row>button.sm{flex:none}.list{flex:1;overflow:auto}.item{cursor:pointer;border-left:3px solid #0000;justify-content:space-between;gap:6px;padding:7px 12px;display:flex}.item:hover{background:var(--bg)}.item.sel{background:var(--bg);border-left-color:var(--accent)}.item .t{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item small,.muted{color:var(--muted)}.chips{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:8px 10px;display:flex}.chip{border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:99px;padding:1px 8px;font-size:12px}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.bar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;display:flex}.bar .title{background:0 0;border:none;flex:1;min-width:140px;padding:2px 4px;font-size:18px;font-weight:600}.bar .title:focus{outline:1px solid var(--accent)}.pane{flex:1;min-height:0;display:flex}.pane>*{flex:1;min-width:0;overflow:auto}textarea.editor{resize:none;background:var(--bg);color:var(--text);border:none;outline:none;padding:20px 28px;font:14px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.preview{background:var(--bg);border-left:1px solid var(--border);padding:20px 32px}.preview img{max-width:100%}.preview pre,.preview code{background:var(--code);border-radius:5px}.preview code{padding:1px 5px}.preview pre{padding:10px;overflow:auto}.preview pre code{padding:0}.preview blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding-left:12px}.preview table{border-collapse:collapse}.preview td,.preview th{border:1px solid var(--border);padding:4px 10px}a.wikilink,a.tag{color:var(--accent);text-decoration:none}a.wikilink:hover{text-decoration:underline}a.wikilink.missing{opacity:.65;border-bottom:1px dashed var(--accent)}a.tag{background:var(--code);border-radius:99px;padding:0 6px;font-size:.9em}.canvas-wrap{background:var(--bg);position:relative}canvas,svg.mm{cursor:grab;touch-action:none;width:100%;height:100%;display:block}svg.mm text{-webkit-user-select:none;user-select:none;font-family:system-ui,sans-serif}.hint{color:var(--muted);font-size:12px;position:absolute;bottom:8px;left:12px}.right h4{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:14px 0 6px;font-size:12px}.right h4:first-child{margin-top:0}.right a{color:var(--text);cursor:pointer;padding:2px 0;text-decoration:none;display:block}.right a:hover{color:var(--accent)}.empty{text-align:center;color:var(--muted);margin:auto;padding:40px}.modal-bg{z-index:10;background:#0007;justify-content:center;align-items:flex-start;padding-top:12vh;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(560px,92vw);max-height:70vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0005}.modal>input{border:none;border-bottom:1px solid var(--border);border-radius:0;padding:12px 14px;font-size:16px}.modal .list .item.sel{background:var(--bg)}.modal.form{gap:10px;padding:20px}.modal.scroll{max-height:86vh;overflow:auto}.modal h4{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:6px 0 0;font-size:12px}.lock{background:var(--bg);z-index:20;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock form{background:var(--panel);border:1px solid var(--border);text-align:center;border-radius:12px;flex-direction:column;gap:12px;width:min(360px,92vw);padding:28px;display:flex}.err{color:var(--danger);min-height:1em;font-size:13px}.toast{background:var(--text);color:var(--bg);z-index:30;border-radius:8px;padding:8px 16px;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}@media (max-width:900px){.layout{grid-template-columns:1fr}.side,.right{display:none}.layout.show-side .side{z-index:5;display:flex;position:fixed;inset:0 20% 0 0}.preview{display:none}.pane.split .preview{display:block}}.scrim{display:none}@media (max-width:900px){.layout.show-side .scrim{z-index:4;background:#0007;display:block;position:fixed;inset:0}}.modal.wide{width:min(920px,95vw);max-height:84vh}.modal-bg:has(.wide){padding-top:6vh}.hist-head{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 14px;display:flex}.grow{flex:1}.hist-body{flex-direction:column;min-height:0;display:flex}.scrub{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 14px;display:flex}.scrub input{accent-color:var(--accent);flex:1;padding:0}.hist-cols{height:46vh;min-height:230px;display:flex}.hist-list{border-right:1px solid var(--border);flex:none;width:230px;overflow:auto}.hist-view{flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;padding:12px 14px;display:flex;overflow:auto}.hist-foot{border-top:1px solid var(--border);flex-wrap:wrap;padding:10px 14px}.hist-foot>*{flex:none}.diff{white-space:pre-wrap;word-break:break-word;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}.diff pre.full{white-space:pre-wrap;font:inherit;margin:0}.diff>div{border-radius:3px;padding:0 6px}.d-op{width:1.4em;color:var(--muted);display:inline-block}.d-add{background:#2ea04326}.d-del{background:#d6455026;-webkit-text-decoration:line-through #d6455080;text-decoration:line-through #d6455080}.d-gap{color:var(--muted);padding:4px 6px;font-style:italic}.d-add-t{color:#2ea043}.d-del-t{color:var(--danger)}button:disabled{opacity:.5;cursor:default}@media (max-width:700px){.hist-cols{flex-direction:column;height:auto}.hist-list{border-right:0;border-bottom:1px solid var(--border);width:auto;max-height:26vh}}.editor.live{background:var(--bg);cursor:text;overflow:auto}.editor.live .cm-editor{min-height:100%;color:var(--text);background:0 0;outline:none}.editor.live .cm-scroller{padding:20px 28px;font:16px/1.75 system-ui,-apple-system,Segoe UI,sans-serif;overflow:visible}.editor.live .cm-content{max-width:820px;caret-color:var(--text);margin:0 auto;padding:0}.editor.live .cm-line{padding:0}.editor.live .cm-cursor{border-left:2px solid var(--text)}.editor.live .cm-selectionBackground{background:color-mix(in srgb,var(--accent) 35%,transparent)!important}.editor.live .cm-placeholder{color:var(--muted)}.cm-h1,.cm-h2,.cm-h3,.cm-h4,.cm-h5,.cm-h6{font-weight:700;line-height:1.3}.cm-h1{margin-top:.4em;font-size:1.9em}.cm-h2{margin-top:.3em;font-size:1.55em}.cm-h3{font-size:1.3em}.cm-h4{font-size:1.15em}.cm-h6{color:var(--muted)}.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-strike{opacity:.7;text-decoration:line-through}.cm-icode{background:var(--code);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.cm-codeblock{background:var(--code);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:0 12px!important}.cm-quote{border-left:3px solid var(--accent);color:var(--muted);padding-left:12px!important}.cm-hr{border-bottom:2px solid var(--border);line-height:.6}.cm-link{color:var(--accent);text-decoration:underline}.cm-wikilink{color:var(--accent)}.cm-wikilink.cm-missing{opacity:.65;border-bottom:1px dashed var(--accent)}.cm-tag{color:var(--accent);background:var(--code);border-radius:99px;padding:0 6px;font-size:.92em}.cm-listmark{color:var(--muted)}.cm-bullet{color:var(--accent);padding:0 3px;font-weight:700}.cm-task{vertical-align:middle;width:auto;accent-color:var(--accent);cursor:pointer;margin:0 6px 0 0;padding:0;display:inline-block}.cm-img{vertical-align:middle;border-radius:6px;max-width:100%}button.icon{color:var(--muted);background:0 0;border:0;border-radius:4px;padding:0 4px;font-size:13px;line-height:1.4}button.icon:hover{background:var(--code);color:var(--text)}.sec{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 10px 4px 12px;font-size:11px;font-weight:600;display:flex}.hint2{color:var(--muted);padding:2px 12px 6px;font-size:12px}.frow,.vrow{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:6px;padding:5px 8px 5px 10px;display:flex}.frow:hover,.vrow:hover{background:var(--bg)}.frow.active,.vrow.active{background:var(--bg);border-left-color:var(--accent)}.frow .caret{width:10px;color:var(--muted);flex:none;font-size:11px}.frow .fname:before{content:"📁 ";font-size:12px}.fname,.vname{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.frow small,.vrow small{color:var(--muted);font-size:11px}.fact{gap:0;display:none}.frow:hover .fact,.vrow:hover .fact,.frow.active .fact{display:flex}.frow:hover small,.vrow:hover small{display:none}.frow.drop,.list#tree.drop,.item.drop{background:color-mix(in srgb,var(--accent) 22%,transparent);outline:1px dashed var(--accent);outline-offset:-2px}.resbar{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.row2{gap:4px;display:flex}.crumb{color:var(--muted);margin-left:6px;font-size:11px}.folderbtn{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}input.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.cheat{margin-top:6px;font-size:12.5px;line-height:1.9}.cheat code{background:var(--code);color:var(--text);border-radius:4px;padding:1px 5px}.modal .list .item .t{white-space:pre}.brow{cursor:pointer;-webkit-user-select:none;user-select:none;border-left:3px solid #0000;align-items:center;gap:6px;padding:5px 8px 5px 12px;display:flex}.brow:hover{background:var(--bg)}.brow.active{background:var(--bg);border-left-color:var(--accent)}.brow small{color:var(--muted);font-size:11px}.brow:hover small{display:none}.brow:hover .fact,.brow.active .fact{display:flex}.boardwrap{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.btoolbar{border-bottom:1px solid var(--border);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.btoolbar button{padding:4px 9px}.btoolbar button:disabled{opacity:.4}.btoolbar .bname{background:0 0;border:1px solid #0000;flex:1;min-width:110px;max-width:260px;padding:3px 6px;font-size:16px;font-weight:600}.btoolbar .bname:focus{border-color:var(--accent)}.bgroupbtn{gap:4px;display:inline-flex}.bzoom{min-width:56px}.bviewport{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background-image:radial-gradient(circle,var(--border) 1.1px,transparent 1.4px);background-size:24px 24px;outline:none;flex:1;position:relative;overflow:hidden}.bviewport:active{cursor:grabbing}.bworld{transform-origin:0 0;width:0;height:0;position:absolute;top:0;left:0}svg.bedges{z-index:1;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.bline{fill:none;stroke:var(--bc,var(--muted));stroke-width:2.2px}.bline.sel{stroke:var(--bc,var(--accent));stroke-width:3.6px}.bhead2{fill:var(--bc,var(--muted))}.bhead2.sel{fill:var(--bc,var(--accent))}.bedgehit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke;cursor:pointer}.btemp{fill:none;stroke:var(--accent);stroke-width:2.2px;stroke-dasharray:6 4}.bcard{box-sizing:border-box;background:var(--panel);border:1.5px solid var(--bc,var(--border));z-index:2;cursor:default;touch-action:none;border-radius:10px;flex-direction:column;display:flex;position:absolute;box-shadow:0 2px 10px #0003}.bcard.colored{background:color-mix(in srgb,var(--bc) 11%,var(--panel))}.bcard.sel{outline:2px solid var(--accent);outline-offset:2px}.bcard.target{outline:2px dashed var(--accent);outline-offset:3px}.bhead{border-bottom:1px solid var(--border);border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:6px 10px;font-size:14px;font-weight:600;display:flex}.bhead[hidden]{display:none}.btitle{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bopen{color:var(--muted);background:0 0;border:0;padding:0 4px;font-size:15px}.bopen:hover{color:var(--accent)}.bbody{-webkit-user-select:text;user-select:text;border-radius:0 0 10px 10px;flex:1;min-height:0;padding:8px 12px;font-size:14px;line-height:1.5;overflow:hidden}.bbody>:first-child{margin-top:0}.bbody>:last-child{margin-bottom:0}.bbody h1{font-size:1.35em}.bbody h2{font-size:1.2em}.bbody h3{font-size:1.08em}.bbody pre,.bbody code{background:var(--code);border-radius:4px}.bbody code{padding:0 4px}.bbody pre{padding:8px;overflow:hidden}.bbody blockquote{border-left:3px solid var(--accent);color:var(--muted);margin-left:0;padding-left:10px}.bbody img{max-width:100%}.bbody p{margin:.4em 0}.bfile:has(img) .bbody{padding:0;display:flex}.bfile .bbody img{object-fit:contain;pointer-events:none;border-radius:8px;width:100%;height:100%}.bgroup{z-index:0;background:color-mix(in srgb,var(--bc,var(--muted)) 7%,transparent);border:1.5px dashed var(--bc,var(--muted));box-shadow:none}.bgroup .bhead{color:var(--bc,var(--muted));border:0;max-width:100%;padding:2px 8px;position:absolute;top:-30px;left:2px}.bgroup .bbody{display:none}.bhandle{background:var(--accent);border:2px solid var(--panel);z-index:4;cursor:crosshair;touch-action:none;border-radius:50%;width:13px;height:13px;display:none;position:absolute}.bhandle[data-side=top]{margin-left:-7px;top:-8px;left:50%}.bhandle[data-side=bottom]{margin-left:-7px;bottom:-8px;left:50%}.bhandle[data-side=left]{margin-top:-7px;top:50%;left:-8px}.bhandle[data-side=right]{margin-top:-7px;top:50%;right:-8px}.bresize{background:var(--accent);border:2px solid var(--panel);cursor:nwse-resize;z-index:4;touch-action:none;border-radius:3px;width:14px;height:14px;display:none;position:absolute;bottom:-7px;right:-7px}.bcard:hover .bhandle,.bcard.sel .bhandle,.bcard:hover .bresize,.bcard.sel .bresize{display:block}.blabel{z-index:3;background:var(--bg);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:6px;padding:1px 8px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}.blabel.empty{display:none}.blabel.sel{border-color:var(--accent)}.bselbar{z-index:6;background:var(--panel);border:1px solid var(--border);white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;box-shadow:0 4px 18px #0006}.bselbar[hidden]{display:none}.bselbar button{padding:2px 8px}.bsw{width:18px;height:18px;box-shadow:0 0 0 1px var(--border);cursor:pointer;border-radius:50%;flex:none}.bsw:hover{box-shadow:0 0 0 2px var(--accent)}.bsw.none{background:linear-gradient(135deg,transparent 44%,var(--danger) 44%,var(--danger) 56%,transparent 56%),var(--bg)}.bmarquee{z-index:5;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;position:absolute}.bmarquee[hidden]{display:none}.bhint{color:var(--muted);pointer-events:none;max-width:70%;font-size:12px;position:absolute;bottom:8px;left:12px}.bedit{resize:none;width:100%;height:100%;font:inherit;color:var(--text);background:0 0;border:0;outline:none;padding:0}@media (max-width:900px){.bhint{display:none}}