:root{--bg:#f3f4f6;--panel:#fff;--board:#fafbfc;--dot:#d3d8df;--text:#1b2130;--muted:#5d6878;--border:#dde1e7;--line:#9aa3b0;--node:#fff;--tint:#e2f3ef;--tint-border:#aed9cf;--accent:#0f766e;--on-accent:#fff;--soft:#0f766e17;--shadow:0 1px 2px #1018280d, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#0c0f13;--panel:#14191f;--board:#101419;--dot:#252c35;--text:#e4e8ee;--muted:#98a3b3;--border:#28303a;--line:#5b6674;--node:#1a2028;--tint:#122f2b;--tint-border:#1e5149;--accent:#2dd4bf;--on-accent:#04201d;--soft:#2dd4bf1f;--shadow:0 1px 3px #0007;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#root{grid-template-rows:auto 1fr;display:grid}button,.btn{border:1px solid var(--border);background:var(--panel);color:inherit;font:inherit;white-space:nowrap;cursor:pointer;border-radius:8px;padding:6px 12px;text-decoration:none}button:hover:not(:disabled),.btn:hover{border-color:var(--line)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}kbd{color:var(--muted);margin-left:6px;font:11px ui-monospace,Menlo,monospace}header{background:var(--panel);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 16px;display:flex}h1{margin:0 auto 0 0;font-size:16px}main.editor{grid-template:"board side"1fr/1fr 380px;min-height:0;display:grid}.wrap{grid-area:board;min-width:0;position:relative}#board{cursor:grab;background:radial-gradient(circle, var(--dot) 1px, transparent 1.5px) 0 0 / 22px 22px local var(--board);display:grid;position:absolute;inset:0;overflow:auto}#board.panning{cursor:grabbing}#sizer{margin:auto;overflow:hidden}#stage{transform-origin:0 0;width:max-content;padding:80px 96px;position:relative}#links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}#links path{fill:none;stroke:var(--line);stroke-width:1.5px}:where(#tree,#tree ul){margin:0;padding:0;list-style:none}#tree li{flex-direction:column;align-items:flex-start;display:flex}#tree li.hz{align-items:center}.row{align-items:flex-start;gap:32px;margin-top:48px;display:flex}.col{flex-direction:column;align-items:flex-start;gap:12px;margin:14px 0 0 28px;display:flex}.node{border:1px solid var(--border);background:var(--node);max-width:16em;box-shadow:var(--shadow);white-space:pre-line;overflow-wrap:anywhere;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;padding:7px 12px;position:relative}.node[data-d="1"]{border-color:var(--accent);background:var(--accent);max-width:24em;color:var(--on-accent);padding:9px 18px;font-size:15px;font-weight:600}.node[data-d="2"]{border-color:var(--tint-border);background:var(--tint);font-weight:600}.node.sel{outline:2px solid var(--accent);outline-offset:3px}.num .node:before{content:attr(data-code);opacity:.7;margin-right:6px;font:600 12px ui-monospace,Menlo,monospace}.node input{field-sizing:content;min-width:6em;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.meta{white-space:normal;flex-wrap:wrap;align-items:center;gap:4px;margin-top:5px;display:flex}.tag{border-radius:999px;padding:0 7px;font:600 11px/1.6 system-ui,sans-serif}.load{opacity:.75;margin-left:auto;padding-left:6px;font:600 11px/1.6 system-ui,sans-serif}.node.folded{box-shadow:4px 4px 0 -1px var(--panel), 4px 4px 0 0 var(--line)}.fold{min-width:20px;height:20px;color:var(--muted);opacity:0;border-radius:999px;padding:0 5px;font:600 11px/18px system-ui,sans-serif;position:absolute;top:0;right:0;translate:50% -50%}.node:hover>.fold,.node.sel>.fold,.folded>.fold{opacity:1}.info{width:20px;height:20px;color:var(--muted);opacity:0;border-radius:50%;padding:0;font:italic 700 12px/18px Georgia,serif;position:absolute;bottom:0;right:0;translate:50% 50%}.info:before{content:"i"}.node:hover>.info,.node.sel>.info,.info.has{opacity:1}.info.has,.info.has:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.folded>.fold,.folded>.fold:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.node.drop-in{outline:2px dashed var(--accent);outline-offset:3px}.node.drop-before{box-shadow:0 -4px 0 -1px var(--accent)}.node.drop-after{box-shadow:0 4px 0 -1px var(--accent)}.row>li>.drop-before{box-shadow:-4px 0 0 -1px var(--accent)}.row>li>.drop-after{box-shadow:4px 0 0 -1px var(--accent)}#add{border:2px solid var(--board);background:var(--accent);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;padding:0;font:700 15px/1 system-ui;display:grid;position:absolute;transform:translate(-50%,-50%)}.bar{z-index:1;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;gap:2px;padding:4px;display:flex;position:absolute}.bar button{background:0 0;border-color:#0000;padding:5px 10px}.bar button:hover:not(:disabled){background:var(--soft);border-color:#0000}.bar button[aria-pressed=true]{background:var(--soft);color:var(--accent)}.actions{flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 24px);top:12px;left:50%;translate:-50%}.zoom{bottom:12px;left:12px}#zreset{font-variant-numeric:tabular-nums;min-width:4.5em}.hint{z-index:1;color:var(--muted);text-align:right;pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:16px;left:300px;right:16px}aside{background:var(--panel);border-left:1px solid var(--border);flex-direction:column;grid-area:side;gap:10px;min-height:0;padding:12px 16px 16px;display:flex;overflow-y:auto}.head{align-items:center;gap:12px;display:flex}h2{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 auto 0 0;font-size:12px}label{cursor:pointer;align-items:center;gap:6px;display:flex}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0}input[type=radio]{accent-color:var(--accent);margin:0}.engine{flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;display:flex}.engine span{color:var(--muted)}#code{resize:none;border:1px solid var(--border);background:var(--bg);width:100%;min-height:140px;color:var(--text);white-space:pre;border-radius:8px;flex:1;padding:12px;font:13px/1.6 ui-monospace,SF Mono,Menlo,monospace}.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent);padding:10px;font-weight:600}.primary:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.08)}#branch{text-overflow:ellipsis;overflow:hidden}#msg{min-height:1.4em;color:var(--muted);margin:0;font-size:12px}.inspector{border-bottom:1px solid var(--border);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.insname{text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;overflow:hidden}.field{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.charge{border:1px solid var(--border);background:var(--bg);width:5.5em;color:var(--text);font:inherit;border-radius:6px;padding:4px 8px}.sum{color:var(--text);margin-left:auto;font-weight:600}.link{color:var(--accent);background:0 0;border:0;margin-left:auto;padding:0 2px;font-size:12px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:999px;padding:2px 10px;font-size:12px}.chip:before{content:"";background:var(--c);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.chip[aria-pressed=true],.chip[aria-pressed=true]:hover{border-color:var(--c);background:var(--c);color:var(--ink)}.chip[aria-pressed=true]:before{content:"✓";background:0 0;width:auto;height:auto}.newtag{border:1px dashed var(--border);color:var(--text);background:0 0;border-radius:999px;padding:4px 10px;font:12px system-ui,sans-serif}dialog.tagsDlg{width:min(460px,94vw)}dialog.infoDlg{width:min(560px,94vw)}.info-body{gap:10px;padding:14px;display:grid}.stack{color:var(--muted);gap:4px;font-size:13px;display:grid}.stack input,.stack textarea{border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:6px;padding:6px 8px;font:14px/1.45 system-ui,sans-serif}#tagList{gap:8px;margin:0;padding:14px;list-style:none;display:grid}#tagList li{align-items:center;gap:8px;display:flex}#tagList input[type=text]{border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);font:inherit;border-radius:6px;flex:1;padding:5px 8px}#tagList input[type=color]{cursor:pointer;background:0 0;border:0;width:32px;height:28px;padding:0}#tagList small{min-width:4.5em;color:var(--muted)}dialog{border:1px solid var(--border);background:var(--panel);width:min(1200px,94vw);max-height:90vh;color:var(--text);border-radius:12px;padding:0}dialog::backdrop{background:#000a}dialog .head{border-bottom:1px solid var(--border);padding:10px 14px}dialog form{margin:0}.shot{background:#fff;max-height:calc(90vh - 58px);padding:20px;overflow:auto}.shot img{cursor:zoom-in;max-width:100%;margin:auto;display:block}.shot img.full{cursor:zoom-out;max-width:none}@media (width<=1100px){.hint,.actions kbd{display:none}}@media (width<=860px){main.editor{grid-template:"board"1fr"side"42vh/1fr}aside{border:0;border-top:1px solid var(--border)}}a.btn{display:inline-block}.docname{cursor:text;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.presence{align-items:center;gap:4px;margin-right:8px;display:flex}.presence .dot{color:var(--muted);font-size:12px}.presence .dot.on:before{content:"";background:#16a34a;border-radius:50%;width:8px;height:8px;display:inline-block}.presence .dot.off:before{content:"● ";color:#dc2626}.avatar{border:2px solid var(--panel);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;font:700 11px/1 system-ui,sans-serif;display:grid}.node.peered:after{content:"";border:2px dashed var(--pc);pointer-events:none;border-radius:11px;position:absolute;inset:-6px}.peer{background:var(--pc);color:#fff;white-space:nowrap;pointer-events:none;border-radius:4px;margin-bottom:6px;padding:1px 6px;font:600 11px/1.5 system-ui,sans-serif;position:absolute;bottom:100%;left:-6px}main.home{width:min(760px,100%);margin:0 auto;padding:24px 16px;overflow-y:auto}.create{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.create input,.login input{border:1px solid var(--border);background:var(--panel);min-width:12em;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:8px 10px}.list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.list a{min-width:10em;color:var(--text);flex:1;font-weight:600;text-decoration:none}.list a:hover{color:var(--accent)}.list small,.muted{color:var(--muted)}.login{border:1px solid var(--border);background:var(--panel);border-radius:12px;gap:12px;max-width:360px;margin:8vh auto 0;padding:20px;display:grid}.login h2{margin:0}.error{color:#dc2626}