:root{--bg: #f4f6fb;--panel-bg: #ffffff;--ink: #1f2733;--ink-soft: #5b6675;--ink-faint: #97a1b0;--line: #e3e8f0;--line-strong: #c9d2e0;--brand: #3b6ef5;--brand-soft: #eaf0ff;--space: #2f9e6f;--data: #6b54d6;--normal: #2f9e6f;--pending: #f5820a;--move-out: #9aa4b2;--move-in: #e23b2e;--shadow: 0 2px 10px rgba(28, 40, 70, .08);--shadow-lg: 0 8px 30px rgba(28, 40, 70, .18);--radius: 12px}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-size:13px}body{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;background:var(--panel-bg);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px}.title{display:flex;align-items:center;gap:10px}.title .logo{color:var(--brand);font-size:20px}.title h1{font-size:16px;margin:0;letter-spacing:.5px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hint{color:var(--ink-faint);font-size:12px;margin-left:6px}.btn{border:1px solid var(--line-strong);background:#fff;color:var(--ink);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px;transition:.15s}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:#2f5fe0;color:#fff}.btn-danger{color:var(--move-out);border-color:#fb4838}.btn-danger:hover{background:var(--move-out);color:#fff;border-color:var(--move-out)}html.dark{--bg: #15181e;--panel-bg: #1d212a;--ink: #e6e9ef;--ink-soft: #aab2c0;--ink-faint: #707888;--line: #2a2f3a;--line-strong: #3a4150;--brand: #6ea0ff;--brand-soft: #1c2a47;--shadow: 0 2px 10px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .6)}html.dark .btn:not(.btn-primary):not(.btn-danger){background:#232833}html.dark .rec-frame,html.dark .path-node{background:#20242d}html.dark .path-node.is-app,html.dark .path-node.is-leaf{background:#2c2742}html.dark .path-node:hover{background:#262b36}html.dark .path-node .path-input:focus,html.dark .path-node.is-leaf .path-input:focus{background:#2a2f3a;border-color:var(--brand)}html.dark .alias-node .inline-edit:focus{background:#2a2f3a}html.dark .space-node,html.dark .space-node:hover{background:#20242d}html.dark .space-icon{background:#2a2f3a}html.dark .data-cell:hover{background:#242a34}html.dark .data-del{background:#2a2f3a}html.dark .path-add-sib,html.dark .rec-add-sib,html.dark .path-app-btn{background:#2a2f3a;color:var(--ink-soft)}html.dark .path-add-sib:hover,html.dark .rec-add-sib:hover{background:var(--brand-soft);color:var(--brand)}html.dark .path-add-sub:hover,html.dark .path-add:hover{background:#2c3340}html.dark .reorder-ghost{background:#2a2f3a}html.dark .ctx-menu{background:#232833}html.dark .ctx-item:hover{background:#2c3340}html.dark .ctx-item.active{background:#1c2a47}html.dark .ctx-item.danger:hover,html.dark .ctx-item.armed{background:#3a2326}html.dark .icon-cell:hover{background:#2c3340}html.dark .icon-cell.active,html.dark .icon-add:hover{background:#1c2a47}html.dark .dd,html.dark .conn-editor{background:#232833}html.dark .conn-editor .ce-row select,html.dark .conn-editor .ce-row input{background:#2a2f3a}html.dark .col-head-cell{color:var(--ink-soft)}html.dark .data-anchor,html.dark .space-anchor{border-color:var(--panel-bg)}html.dark .link-label{fill:var(--ink);stroke:var(--bg)}html.dark .lane-head{color:var(--ink-soft)}html.dark input.inline-edit,html.dark textarea.inline-edit{background:#20242d;color:var(--ink)}html.dark .path-tools{background:#232833}html.dark .path-parent-sel{background:#2a2f3a;color:var(--ink)}