@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@400;600;800;900&family=Space+Mono:wght@400;700&display=swap);:root{--bg:#0a0e14;--bg2:#121822;--line:#243040;--ink:#e8edf4;--muted:#7d8da3;--accent:#00d9a3;--accent2:#3b82f6;--danger:#ef4444;--node-bg:#161d29;--node-bg2:#1c2533;--bg-radial1:rgba(0,217,163,.07);--bg-radial2:rgba(59,130,246,.07);--header-bg:rgba(10,14,20,.82);--footer-bg:rgba(10,14,20,.9);--sidebar-bg1:rgba(18,24,34,.92);--sidebar-bg2:rgba(10,14,20,.96);--edge-color:#5a93e0;--signature-color:rgba(125,141,163,.55);--shadow-strong:rgba(0,0,0,.5);--shadow-mid:rgba(0,0,0,.4);--shadow-soft:rgba(0,0,0,.6);--canvas-bg:#0a0e14;--dot-color:rgba(125,141,163,.22);--level0-bg:linear-gradient(160deg,#10221d,#13322a)}body.light-theme{--bg:#f7f8fb;--bg2:#ffffff;--line:#dde3ec;--ink:#1a2230;--muted:#6b7689;--accent:#0a9a76;--accent2:#2563eb;--danger:#dc2626;--node-bg:#ffffff;--node-bg2:#f3f6fa;--bg-radial1:rgba(10,154,118,.06);--bg-radial2:rgba(37,99,235,.06);--header-bg:rgba(255,255,255,.85);--footer-bg:rgba(255,255,255,.9);--sidebar-bg1:rgba(255,255,255,.95);--sidebar-bg2:rgba(247,248,251,.98);--edge-color:#4a6fa5;--signature-color:rgba(107,118,137,.7);--shadow-strong:rgba(30,40,60,.18);--shadow-mid:rgba(30,40,60,.12);--shadow-soft:rgba(30,40,60,.22);--canvas-bg:#ffffff;--dot-color:rgba(30,40,60,.16);--level0-bg:linear-gradient(160deg,#eafff8,#d7f5ea)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Archivo,sans-serif;color:var(--ink);overflow:hidden;background:radial-gradient(1200px 600px at 20% -10%,var(--bg-radial1),transparent),radial-gradient(900px 500px at 90% 0,var(--bg-radial2),transparent),var(--bg);transition:background-color .3s ease}header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--line);padding:14px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.brand .dot{width:12px;height:12px;border-radius:3px;background:var(--accent);box-shadow:0 0 16px var(--accent)}.brand h1{font-size:18px;font-weight:900;letter-spacing:-.5px}.brand h1 span{color:var(--muted);font-weight:600;font-size:12px;display:block}.toolbar{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}button{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.3px;background:var(--node-bg2);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;gap:5px}button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}button:disabled{opacity:.35;cursor:not-allowed}button:disabled:hover{border-color:var(--line);color:var(--ink);transform:none}button.ghost{background:0 0}button.warn:hover{border-color:var(--danger);color:var(--danger)}button.active{border-color:var(--accent2);color:var(--accent2);background:rgba(59,130,246,.12)}.tb-select{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.3px;background:0 0;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;transition:.16s}.tb-select:hover{border-color:var(--accent);color:var(--accent)}.tb-select option{background:var(--node-bg2);color:var(--ink)}a.support-btn{font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.3px;text-decoration:none;background:var(--accent);color:var(--bg);border:1px solid var(--accent);border-radius:8px;padding:8px 12px;cursor:pointer;transition:.16s;display:inline-flex;align-items:center;gap:5px}a.support-btn:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 14px var(--accent)}#stage{position:absolute;top:0;left:0;bottom:0;right:280px;cursor:grab;background-color:var(--canvas-bg);background-image:radial-gradient(circle,var(--dot-color) 1.2px,transparent 1.4px);background-repeat:repeat}#stage.panning{cursor:grabbing}body.grid-off #stage{background-image:none}#world{position:absolute;top:0;left:0;transform-origin:0 0}svg#edges{position:absolute;top:0;left:0;overflow:visible;pointer-events:none}svg#edges path{pointer-events:stroke;cursor:pointer}#sidebar{position:fixed;top:74px;right:0;bottom:38px;width:280px;background:linear-gradient(180deg,var(--sidebar-bg1),var(--sidebar-bg2));backdrop-filter:blur(12px);border-left:1px solid var(--line);padding:18px 18px 100px;overflow-y:auto;z-index:40;display:flex;flex-direction:column;gap:18px}.sb-section{display:flex;flex-direction:column;gap:8px;padding-bottom:14px;border-bottom:1px solid rgba(36,48,64,.5)}.sb-section:last-child{border-bottom:none}.sb-title{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);font-weight:700}.sb-selected-name{font-weight:800;font-size:14px;color:var(--ink);padding:8px 10px;background:rgba(0,217,163,.07);border:1px solid rgba(0,217,163,.2);border-radius:6px;word-break:break-word;line-height:1.3}.sb-selected-name.empty{color:var(--muted);background:0 0;border-style:dashed;border-color:var(--line);font-weight:600}.sb-row{display:flex;flex-direction:column;gap:5px}.sb-label{font-size:11px;color:var(--muted);font-family:'Space Mono',monospace;letter-spacing:.3px}.sb-inline{display:flex;gap:6px;align-items:center}.sb-inline button{padding:5px 9px;font-size:11px}.sb-mono{font-family:'Space Mono',monospace;font-size:12px;color:var(--ink);min-width:42px;text-align:center;padding:4px 8px;background:var(--node-bg2);border-radius:5px;border:1px solid var(--line)}.sb-color{width:36px;height:28px;padding:0;border:1px solid var(--line);border-radius:5px;background:0 0;cursor:pointer}.sb-color:disabled{opacity:.35;cursor:not-allowed}.sb-color::-webkit-color-swatch-wrapper{padding:0}.sb-color::-webkit-color-swatch{border:none;border-radius:4px}.sb-color::-moz-color-swatch{border:none;border-radius:4px}.sb-action{width:100%;padding:9px 12px;font-size:12px;justify-content:center;background:var(--node-bg2)}.sb-action.active{border-color:var(--accent2);color:var(--accent2);background:rgba(59,130,246,.15)}.sb-hint{font-size:10px;color:var(--muted);font-family:'Space Mono',monospace;line-height:1.4}.sb-select{width:100%;padding:9px 12px;font-size:12px;font-family:'Space Mono',monospace;font-weight:700;background:var(--node-bg2);color:var(--ink);border:1px solid var(--line);border-radius:8px;cursor:pointer}.sb-select:hover{border-color:var(--accent)}.sb-select:disabled{opacity:.4;cursor:not-allowed}.box{position:absolute;min-width:150px;max-width:320px;background:linear-gradient(160deg,var(--node-bg),var(--node-bg2));border:1px solid var(--line);border-radius:12px;padding:12px 14px 10px;box-shadow:0 8px 24px var(--shadow-mid);user-select:none;cursor:move}.box.dragging{box-shadow:0 16px 40px var(--shadow-soft);z-index:50!important;opacity:.92}.box.selected{outline:2px solid var(--accent);outline-offset:2px}.box.link-source{outline:2px dashed var(--accent2);outline-offset:2px}.box.reparent-target{outline:2px dashed var(--accent);outline-offset:3px;box-shadow:0 0 0 4px rgba(0,217,163,.22),0 8px 24px var(--shadow-mid)}.box .actions,.box .fontctl{max-height:0;opacity:0;overflow:hidden;margin:0;padding:0;transition:max-height .2s ease,opacity .15s ease,margin .2s ease}.box:focus-within .actions,.box:focus-within .fontctl,.box:hover .actions,.box:hover .fontctl{opacity:1}.box:focus-within .fontctl,.box:hover .fontctl{max-height:120px;margin-top:8px}.box:focus-within .actions,.box:hover .actions{max-height:36px;margin-top:10px}.box .drag-handle{color:var(--muted);font-size:13px;line-height:1;cursor:move;padding:2px 3px;user-select:none;flex-shrink:0}.box .drag-handle:hover{color:var(--ink)}.box .lvl-tag{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);display:inline-block;cursor:text;outline:0;border-radius:3px;padding:2px 4px;margin:-2px -4px;flex:1;min-width:0;word-break:break-word}.box .lvl-tag:focus{background:rgba(0,217,163,.12);box-shadow:0 0 0 1px var(--accent);color:var(--ink)}.box .lvl-tag:hover{color:var(--ink)}.box .box-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;gap:6px}.box .header-btns{display:flex;gap:4px;margin-left:auto;flex-shrink:0}.box .layout-btn,.box .lock-btn{padding:2px 5px;font-size:11px;line-height:1;border-radius:5px;background:0 0;border:1px solid var(--line);min-width:auto}.box .lock-btn.locked{background:rgba(245,158,11,.15);border-color:#f59e0b;color:#fbbf24}.box .layout-btn{font-weight:900}.box .layout-btn:hover{border-color:var(--accent2);color:var(--accent2)}.branch-collapse{position:absolute;width:20px;height:20px;border-radius:50%;padding:0;min-width:0;line-height:1;font-size:13px;font-weight:900;background:var(--node-bg2);border:1.5px solid var(--line);color:var(--muted);z-index:65;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--shadow-mid);cursor:pointer}.branch-collapse:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.15)}.branch-collapse.collapsed{background:var(--accent);border-color:var(--accent);color:var(--bg)}.box .edge-collapse{position:absolute;width:20px;height:20px;border-radius:50%;padding:0;line-height:1;font-size:13px;font-weight:900;background:var(--node-bg2);border:1.5px solid var(--line);color:var(--muted);z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px var(--shadow-mid)}.box .edge-collapse:hover{border-color:var(--accent);color:var(--accent);transform:scale(1.15)}.box .edge-collapse.collapsed{background:var(--accent);border-color:var(--accent);color:var(--bg)}.box .edge-collapse[data-pos=bottom-center]{bottom:-10px;left:50%;transform:translateX(-50%)}.box .edge-collapse[data-pos=bottom-center]:hover{transform:translateX(-50%) scale(1.15)}.box .edge-collapse[data-pos=bottom-left]{bottom:-10px;left:12px;transform:translateX(-50%)}.box .edge-collapse[data-pos=bottom-left]:hover{transform:translateX(-50%) scale(1.15)}.box .edge-collapse[data-pos=right-middle]{right:-10px;top:50%;transform:translateY(-50%)}.box .edge-collapse[data-pos=right-middle]:hover{transform:translateY(-50%) scale(1.15)}.box .edge-collapse[data-pos=left-middle]{left:-10px;top:50%;transform:translateY(-50%)}.box .edge-collapse[data-pos=left-middle]:hover{transform:translateY(-50%) scale(1.15)}.box.has-collapsed::after{content:attr(data-badge);position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);background:var(--accent);color:var(--bg);font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.3px}.box.locked-active{box-shadow:0 0 0 1px #f59e0b,0 8px 24px var(--shadow-mid)}.box .title{font-weight:800;line-height:1.25;outline:0;border-radius:4px;padding:2px 4px;margin:-2px -4px;word-break:break-word;cursor:text}.box .title:focus{background:rgba(0,217,163,.12);box-shadow:0 0 0 1px var(--accent)}.box .actions{display:flex;gap:5px;flex-wrap:wrap}.box .actions button{padding:4px 7px;font-size:9px;border-radius:6px}.fontctl{display:flex;gap:4px;align-items:center;font-family:'Space Mono',monospace;font-size:9px;color:var(--muted);flex-wrap:wrap}.fontctl button{padding:2px 6px;font-size:11px;line-height:1}.fontctl input.colorpick{width:22px;height:18px;padding:0;border:1px solid var(--line);border-radius:4px;background:0 0;cursor:pointer}.fontctl input.colorpick::-webkit-color-swatch-wrapper{padding:0}.fontctl input.colorpick::-webkit-color-swatch{border:none;border-radius:3px}.fontctl input.colorpick::-moz-color-swatch{border:none;border-radius:3px}.box[data-level="0"]{border-color:var(--accent);background:var(--level0-bg)}.box[data-level="0"] .lvl-tag{color:var(--accent)}.box[data-level="1"]{border-color:#2b6cb0}.box[data-level="1"] .lvl-tag{color:var(--accent2)}.box[data-level="2"]{border-color:#3a4658}.box[data-level="3"]{border-color:#a855f7}.box[data-level="3"] .lvl-tag{color:#c084fc}.box[data-level="4"]{border-color:#f59e0b}.box[data-level="4"] .lvl-tag{color:#fbbf24}.box[data-level="5"]{border-color:#ec4899}.box[data-level="5"] .lvl-tag{color:#f472b6}.box[data-level="6"]{border-color:#14b8a6}.box[data-level="6"] .lvl-tag{color:#2dd4bf}.port{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--accent2);border:2px solid var(--bg);right:-8px;top:50%;transform:translateY(-50%);cursor:crosshair;opacity:0;transition:.15s;z-index:60}.box:hover .port,.linking .port{opacity:1}.port:hover{transform:translateY(-50%) scale(1.3);box-shadow:0 0 12px var(--accent2)}footer{position:fixed;bottom:0;left:0;right:280px;z-index:100;background:var(--footer-bg);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:9px 24px;font-family:'Space Mono',monospace;font-size:11px;color:var(--muted);display:flex;gap:20px;flex-wrap:wrap;align-items:center}footer b{color:var(--ink)}.hint{margin-left:auto;text-align:right;max-width:520px}.zoomctl{display:flex;gap:6px;align-items:center}#signature{position:fixed;bottom:6px;right:10px;z-index:120;font-family:'Space Mono',monospace;font-size:10px;letter-spacing:.5px;color:var(--signature-color);pointer-events:none;text-shadow:0 1px 2px var(--shadow-mid)}#sidebar{transition:transform .25s ease}#stage,footer{transition:right .25s ease}#sidebarToggle{position:fixed;right:280px;top:50%;margin-top:-26px;width:22px;height:52px;padding:0;min-width:0;gap:0;z-index:45;border:1px solid var(--line);border-right:none;border-radius:8px 0 0 8px;background:var(--sidebar-bg1);backdrop-filter:blur(12px);color:var(--muted);font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:right .25s ease,color .16s,border-color .16s}#sidebarToggle:hover{color:var(--accent);border-color:var(--accent);transform:none}body.sidebar-collapsed #sidebar{transform:translateX(100%)}body.sidebar-collapsed #stage,body.sidebar-collapsed footer{right:0}body.sidebar-collapsed #sidebarToggle{right:0}