:root{--bg:#ffffff;--grid:#dfe3ea;--panel:#ffffff;--panel2:#f4f6f9;--line:#e3e7ee;--txt:#1b1f27;--dim:#69707d;--acc:#2f6df6;--acc2:#8b5cf6;--ok:#12a150;--danger:#e0483d;--shadow:0 10px 30px #0f172a1f}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden;background:var(--bg);color:var(--txt);font:14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}#viewport{position:fixed;inset:0;overflow:hidden;touch-action:none;cursor:default;background-color:var(--bg);background-image:radial-gradient(var(--grid) 1px,transparent 1px)}#viewport.panning{cursor:grabbing}#viewport.grabbable{cursor:grab}#viewport.pen{cursor:crosshair}#viewport.eraser{cursor:cell}#viewport.place{cursor:copy}#viewport.arrow{cursor:crosshair}#world{position:absolute;left:0;top:0;width:0;height:0;transform-origin:0 0}.layer{position:absolute;left:0;top:0;width:1px;height:1px;overflow:visible;pointer-events:none}#linkLayer{z-index:1}#els{position:absolute;left:0;top:0;width:0;height:0;z-index:2}#inkLayer{z-index:3}#overlay{position:fixed;inset:0;pointer-events:none;z-index:5}.el{position:absolute;border-radius:12px;user-select:none;--c:#2f6df6}.el .body{width:100%;height:100%;border-radius:12px;overflow:hidden;position:relative}.el.sel{outline:2px solid var(--acc);outline-offset:3px}.el .edit{padding:12px 14px;outline:none;overflow:auto;white-space:pre-wrap;word-break:break-word;cursor:text}.el .edit:empty:before{content:attr(data-ph);color:#00000038}.type-note .body{background:#fff7e3;border:1px solid var(--line);background:color-mix(in srgb,var(--c) 26%,#fff);color:#1b1f27;border:1px solid color-mix(in srgb,var(--c) 45%,#fff);box-shadow:0 6px 18px #0f172a1f;border-radius:4px 4px 12px}.type-text .body{background:transparent;color:var(--c)}.type-mind .body{background:#fff;color:var(--txt);border:2px solid var(--c);border-radius:999px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0f172a1a}.type-mind .edit{text-align:center;padding:10px 16px;width:100%}.type-mind.root .body{background:var(--c);color:#fff;font-weight:650;border-color:var(--c)}.type-mind.root .edit:empty:before{color:#fff8}.type-shape .body{background:#f6f8ff;background:color-mix(in srgb,var(--c) 10%,#fff);border:2px solid var(--c);display:flex;align-items:center;justify-content:center}.type-shape.ellipse .body{border-radius:50%}.type-shape .edit{text-align:center;color:var(--txt)}.type-image .body,.type-video .body,.type-embed .body,.type-audio .body{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px #0f172a1f}.el img,.el video,.el iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#f4f6f9}.el video,.el iframe{background:#0b0d12}.type-audio .body{background:var(--panel2);display:flex;align-items:center;justify-content:center;padding:12px}.type-audio audio{width:100%}.shield{position:absolute;inset:0;z-index:2;background:transparent}.el.live .shield{display:none}.el.live .body{outline:2px dashed var(--ok);outline-offset:2px}.bar{position:absolute;left:0;right:34px;top:-26px;height:22px;display:none;align-items:center;gap:6px;padding:0 8px;font-size:11px;color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:6px;white-space:nowrap;overflow:hidden;cursor:move}.el:hover .bar,.el.sel .bar{display:flex}.usebtn{flex:0 0 auto;background:var(--acc);color:#fff;border-radius:5px;padding:1px 8px;font-size:10.5px;font-weight:650;cursor:pointer;letter-spacing:.2px}.usebtn:hover{filter:brightness(1.12)}.el.live .usebtn{background:var(--ok)}.bar .t{flex:1;overflow:hidden;text-overflow:ellipsis}.delbtn{position:absolute;right:-6px;top:-28px;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--dim);display:none;align-items:center;justify-content:center;font-size:16px;line-height:1;box-shadow:var(--shadow);z-index:7;cursor:pointer}.el:hover .delbtn,.el.sel .delbtn{display:flex}.delbtn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.playbtn{position:absolute;left:50%;transform:translate(-50%);bottom:-32px;white-space:nowrap;background:var(--acc);color:#fff;border:0;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;box-shadow:var(--shadow);display:none;z-index:7;cursor:pointer}.el.haslink .playbtn{display:block}.playbtn:hover{background:#1d54d8}.handle{position:absolute;width:12px;height:12px;border-radius:3px;background:var(--acc);border:2px solid #fff;box-shadow:0 1px 4px #0f172a3d;display:none;z-index:4}.el.sel .handle{display:block}.h-br{right:-7px;bottom:-7px;cursor:nwse-resize}.h-bl{left:-7px;bottom:-7px;cursor:nesw-resize}.h-tr{right:-7px;top:-7px;cursor:nesw-resize}.h-tl{left:-7px;top:-7px;cursor:nwse-resize}.anchor{position:absolute;width:14px;height:14px;margin:-7px;border-radius:50%;background:#fff;border:2px solid var(--acc);opacity:0;transition:opacity .12s;z-index:5;cursor:crosshair;pointer-events:none}.el:hover .anchor,.el.sel .anchor{opacity:.9;pointer-events:auto}.anchor:hover{opacity:1;transform:scale(1.35);background:var(--acc)}.a-t{left:50%;top:0}.a-b{left:50%;top:100%}.a-l{left:0;top:50%}.a-r{left:100%;top:50%}.panel{position:fixed;background:#fffe;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 36px #0f172a24;z-index:20}#toolbar{left:50%;transform:translate(-50%);bottom:18px;display:flex;align-items:center;gap:2px;padding:6px}#toolbar .sep{width:1px;height:26px;background:var(--line);margin:0 6px}.tb{min-width:38px;height:38px;padding:0 9px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;color:var(--dim)}.tb:hover{background:#0f172a0d;color:var(--txt)}.tb.on{background:var(--acc);color:#fff}.tb.rec{color:var(--danger)}.tb.recording{background:var(--danger);color:#fff;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.tb small{font-size:11px}#topbar{left:14px;top:14px;display:flex;gap:2px;padding:6px;align-items:center}#topbar .ttl{font-weight:650;padding:0 10px 0 6px;letter-spacing:.2px}#zoombar{right:14px;top:14px;display:flex;gap:2px;padding:6px;align-items:center}#zoombar .z{min-width:56px;text-align:center;font-variant-numeric:tabular-nums;color:var(--dim);font-size:12px}#inspector{right:14px;top:70px;padding:12px;display:none;width:216px}#sidebar{left:14px;top:70px;width:230px;padding:10px;display:none;max-height:66vh;overflow:auto}#sidebar.show{display:block}.sbhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sbhead b{font-size:13px}.bsec{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:var(--dim);margin:10px 0 4px}.brow{display:flex;align-items:center;gap:6px;padding:7px 8px;border-radius:9px;cursor:pointer;font-size:13px}.brow:hover{background:#0f172a0a}.brow.on{background:#2f6df614;box-shadow:inset 0 0 0 1px #2f6df63d;font-weight:600}.brow .bn{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow .bact{display:none;gap:2px}.brow:hover .bact{display:flex}.brow .bact button{padding:2px 4px;border-radius:6px;font-size:12px;color:var(--dim)}.brow .bact button:hover{background:#0f172a14;color:var(--txt)}#ctx{padding:6px;display:none;min-width:196px;max-height:72vh;overflow:auto}#ctx.show{display:block}.ctx-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:7px 10px;border-radius:8px;font-size:13px;cursor:pointer}.ctx-item:hover{background:#2f6df6;color:#fff}.ctx-item:hover kbd{color:#ffffffb8}.ctx-item kbd{font:11px ui-monospace,monospace;color:var(--dim)}.ctx-sep{height:1px;background:var(--line);margin:4px 6px}#inspector.show{display:block}#inspector .row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}#swatches{display:flex;gap:7px;flex-wrap:wrap;flex:1 1 100%}#inspector .lbl{font-size:11px;color:var(--dim);width:100%;margin-bottom:-2px;text-transform:uppercase;letter-spacing:.6px}.sw{width:26px;height:26px;flex:0 0 26px;border-radius:7px;border:2px solid #fff;outline:1px solid var(--line);cursor:pointer;transition:transform .1s}.sw:hover{transform:scale(1.12)}.sw.on{outline:2px solid var(--acc);outline-offset:1px}.mini{padding:5px 9px;border-radius:8px;background:#0f172a0a;font-size:12px;color:var(--dim)}.mini:hover{background:#0f172a14;color:var(--txt)}.mini.danger:hover{background:var(--danger);color:#fff}#status{position:fixed;left:14px;bottom:18px;font-size:11px;color:var(--dim);z-index:20;background:#fffc;padding:6px 10px;border-radius:8px;border:1px solid var(--line);max-width:40vw}.type-code .body{background:#0f1115;border:1px solid var(--line);box-shadow:0 10px 30px #0f172a2e;display:flex}.type-code .shield{display:none}.codewrap{display:flex;width:100%;height:100%;overflow:hidden;border-radius:12px}.cpane{display:flex;flex-direction:column;min-width:0;width:50%;background:#0f1115}.ctools{display:flex;align-items:center;gap:7px;padding:6px 8px;border-bottom:1px solid #ffffff14;flex:0 0 auto}.ctools button{background:#ffffff16;color:#e7e9ee;border-radius:7px;padding:4px 10px;font-size:12px}.ctools button:hover{background:var(--acc);color:#fff}.ctools .crun{background:#12a150;color:#fff;font-weight:600}.ctools .crun:hover{background:#0d8a45}.ctools label{color:#98a1b5;font-size:11px;display:flex;align-items:center;gap:4px;cursor:pointer}.ccode{flex:1;min-height:0;width:100%;resize:none;border:0;outline:none;background:#0f1115;color:#e7e9ee;font:12.5px/1.65 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:10px 12px;tab-size:2}.ccode::placeholder{color:#5c6577}.cdiv{flex:0 0 6px;cursor:col-resize;background:#ffffff1a}.cdiv:hover{background:var(--acc)}.cout{flex:1;min-width:0;display:flex;flex-direction:column;background:#fff}.cout .cframe{flex:1;width:100%;height:auto;min-height:0;border:0;background:#fff}.clog{display:none;max-height:40%;overflow:auto;background:#12151c;color:#cfd6e4;font:11px/1.55 ui-monospace,monospace;padding:6px 9px;border-top:1px solid #ffffff14}.clog.show{display:block}.clog .l-error{color:#ff8a94}.clog .l-warn{color:#ffce7a}.fileblock{position:absolute;left:0;right:0;top:0;z-index:4;background:#1b1f27ee;color:#fff;font-size:11px;padding:6px 8px;display:flex;align-items:center;gap:6px;justify-content:center;flex-wrap:wrap;text-align:center}.fileblock button{background:#ffffff26;color:#fff;border-radius:6px;padding:3px 9px;font-size:11px}.fileblock button:hover{background:var(--acc)}.type-link .body{background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #0f172a14;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:14px 16px;cursor:default}.type-link .lk{font-weight:650;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-link .lh{font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-link .go{align-self:flex-start;margin-top:7px;background:var(--acc);color:#fff;border-radius:8px;padding:5px 13px;font-size:12.5px;font-weight:650;cursor:pointer}.type-link .go:hover{filter:brightness(1.1)}.type-figure .body{background:#fff;border:1px solid var(--line);box-shadow:0 6px 18px #0f172a14;padding:8px}.type-figure svg{width:100%;height:100%;display:block}.type-figure .rg{cursor:pointer}.type-figure .rg:hover{opacity:.85}#viewport.fill{cursor:cell}.gone{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--dim);font-size:13px;text-align:center;padding:10px}#empty{position:fixed;left:50%;top:44%;transform:translate(-50%,-50%);z-index:4;text-align:center;pointer-events:none;display:none;max-width:560px;color:var(--dim)}#empty b:first-child{display:block;font-size:19px;color:#98a1b0;font-weight:600;margin-bottom:10px}#empty span{font-size:13px;line-height:1.9}#dropzone{position:fixed;inset:12px;z-index:70;display:none;align-items:center;justify-content:center;background:#2f6df610;border:3px dashed var(--acc);border-radius:20px;pointer-events:none}#dropzone.show{display:flex}.dzc{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:20px 30px;border-radius:14px;font-size:18px;font-weight:600;text-align:center}.dzc small{display:block;font-weight:400;font-size:12px;color:var(--dim);margin-top:4px}#mapbox{right:14px;bottom:14px;padding:8px;display:none;width:196px}#mapbox.show{display:block}#minimap{width:180px;height:120px;display:block;border-radius:8px;background:#fbfcfe;border:1px solid var(--line);cursor:crosshair}#coords{display:flex;justify-content:space-between;gap:6px;font:11px/1.6 ui-monospace,monospace;color:var(--dim);margin-top:6px;font-variant-numeric:tabular-nums}#coords b{color:var(--txt);font-weight:600}#lostbar{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:30;display:none;background:#1b1f27;color:#fff;border-radius:14px;padding:16px 20px;text-align:center;box-shadow:0 18px 50px #0f172a5c;max-width:320px}#lostbar.show{display:block}#lostbar b{display:block;font-size:15px;margin-bottom:3px}#lostbar span{font-size:12.5px;color:#aab3c4;display:block;margin-bottom:12px}#lostbar button{background:var(--acc);color:#fff;border-radius:10px;padding:9px 18px;font-weight:650;font-size:14px}#lostbar button:hover{filter:brightness(1.1)}#toast{position:fixed;left:50%;transform:translate(-50%);top:18px;z-index:60;display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:#1b1f27;color:#fff;border:1px solid #1b1f27;padding:9px 14px;border-radius:10px;box-shadow:0 10px 30px #0f172a3d;font-size:13px;animation:in .18s}@keyframes in{0%{opacity:0;transform:translateY(-6px)}}#help{position:fixed;inset:0;background:#0f172a5c;backdrop-filter:blur(6px);z-index:80;display:none;align-items:center;justify-content:center}#help.show{display:flex}#help .card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:26px 30px;max-width:760px;width:92%;max-height:86vh;overflow:auto;box-shadow:0 30px 80px #0f172a4d}#help h2{margin:0 0 4px}#help p{color:var(--dim);margin:0 0 18px}#help .cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}#help .k{display:flex;justify-content:space-between;gap:14px;padding:5px 0;border-bottom:1px dashed var(--line)}#help kbd{background:var(--panel2);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:1px 7px;font:12px ui-monospace,monospace;white-space:nowrap}#help .sec{grid-column:1/-1;margin-top:14px;font-size:11px;letter-spacing:.8px;color:var(--acc);text-transform:uppercase}#tourring{position:fixed;z-index:90;border-radius:14px;pointer-events:none;display:none;box-shadow:0 0 0 4px var(--acc),0 0 0 9999px #0f172a8c;transition:all .28s cubic-bezier(.4,0,.2,1)}#tourring.show{display:block}#tourtip{position:fixed;z-index:91;display:none;width:310px;background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 20px 50px #0f172a4d;transition:all .28s cubic-bezier(.4,0,.2,1)}#tourtip.show{display:block}#tourtip h5{margin:0 0 6px;font-size:15px}#tourtip p{margin:0 0 14px;color:var(--dim);font-size:13px;line-height:1.6}#tourtip .trow{display:flex;align-items:center;gap:8px}#tourtip .tcount{flex:1;font-size:11px;color:var(--dim)}#tournext{background:var(--acc);color:#fff;font-weight:600;border-radius:8px;padding:7px 16px;font-size:13px}#tourskip{color:var(--dim);font-size:12px;padding:7px 6px}#tourskip:hover{color:var(--txt)}#brushbar{left:50%;transform:translate(-50%);bottom:78px;display:none;padding:9px 11px;align-items:center;gap:9px;flex-wrap:wrap;max-width:min(880px,94vw)}#brushbar.show{display:flex}#brushbar .bchips{display:flex;gap:4px;flex-wrap:wrap}.bchip{padding:6px 11px;border-radius:9px;font-size:12.5px;background:#0f172a0a;color:var(--dim);white-space:nowrap}.bchip:hover{background:#0f172a14;color:var(--txt)}.bchip.on{background:var(--acc);color:#fff;font-weight:650}#brushbar .bsz{width:104px}#brushbar .sw{width:22px;height:22px;flex:0 0 22px}#brushbar .lab{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.6px}#genbox{padding:16px;display:none;width:540px;left:50%;top:9%;transform:translate(-50%)}#genbox.show{display:block}#genbox h4{margin:0 0 4px;font-size:15px}#gentext{width:100%;height:210px;resize:vertical;background:#fff;border:1px solid var(--line);color:var(--txt);border-radius:10px;padding:10px 12px;outline:none;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;margin:10px 0 4px}#gentext:focus{border-color:var(--acc)}.gmode.on{background:var(--acc);color:#fff}#urlbox{padding:14px;display:none;width:420px;left:50%;top:26%;transform:translate(-50%)}#urlbox.show{display:block}#urlbox input{width:100%;background:#fff;border:1px solid var(--line);color:var(--txt);border-radius:9px;padding:10px 12px;outline:none;font:inherit;margin:8px 0 10px}#urlbox input:focus{border-color:var(--acc)}#urlbox .hint{font-size:11px;color:var(--dim)}.linklabel{font-size:12px;fill:var(--txt);paint-order:stroke;stroke:#fff;stroke-width:5px;stroke-linejoin:round;text-anchor:middle;pointer-events:none}.hit{stroke:transparent;stroke-width:18;fill:none;pointer-events:stroke;cursor:pointer}