.branch-tree,html.light .branch-tree.bt-scheme-dark{--bt-bg:#1a1a1a;--bt-bg-secondary:#262626;--bt-bg-tertiary:#2a2a2a;--bt-bg-elevated:#303030;--bt-text-primary:#eae6df;--bt-text-secondary:#a8a29e;--bt-text-muted:#6b6560;--bt-accent:#d4836a;--bt-accent-subtle:#d4836a1a;--bt-accent-chip:#d4836a24;--bt-border:#333;--bt-border-light:#2d2d2d;--bt-line:#4a4744;--bt-canvas-bg:#161616;--bt-radius-sm:6px;--bt-radius-md:8px;--bt-radius-lg:12px;--bt-font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;color:var(--bt-text-primary)}html.light .branch-tree{--bt-bg:#f0eeeb;--bt-bg-secondary:#f5f3f0;--bt-bg-tertiary:#e8e6e3;--bt-bg-elevated:#dfdcd8;--bt-text-primary:#1c1917;--bt-text-secondary:#57534e;--bt-text-muted:#a8a29e;--bt-accent:#c4704f;--bt-accent-subtle:#c4704f14;--bt-accent-chip:#c4704f1a;--bt-border:#e7e5e4;--bt-border-light:#efedec;--bt-line:#c8c5c1;--bt-canvas-bg:#eae7e2}.branch-tree,.branch-tree *{box-sizing:border-box}.branch-tree button{cursor:pointer;background:0 0;border:none;font-family:inherit}.branch-tree.bt-overlay{z-index:1200;background:#0009;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}html.light .branch-tree.bt-overlay{background:#00000059}.bt-modal{background:var(--bt-bg);border:1px solid var(--bt-border);border-radius:16px;flex-direction:column;width:100%;max-width:1120px;height:100%;max-height:760px;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000073}.bt-head{border-bottom:1px solid var(--bt-border);flex-shrink:0;align-items:center;gap:12px;padding:16px 20px;display:flex}.bt-head-icon{border-radius:var(--bt-radius-md);background:var(--bt-bg-tertiary);border:1px solid var(--bt-border);width:32px;height:32px;color:var(--bt-text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bt-head-icon svg{width:16px;height:16px}.bt-head-text{flex:1;min-width:0}.bt-head-title{color:var(--bt-text-primary);letter-spacing:.02em;font-size:15px;font-weight:600}.bt-head-sub{color:var(--bt-text-muted);margin-top:2px;font-size:12px}.bt-head-sub b{color:var(--bt-accent);font-weight:600}.bt-close{width:30px;height:30px;color:var(--bt-text-muted);border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.bt-close:hover{background:var(--bt-bg-secondary)}.bt-close svg{width:18px;height:18px}.bt-foot{border-top:1px solid var(--bt-border);color:var(--bt-text-muted);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 20px;font-size:11px;display:flex}.bt-legend{align-items:center;gap:14px;display:flex}.bt-legend-item{align-items:center;gap:6px;display:flex}.bt-legend-dot{background:var(--bt-accent);border-radius:2px;width:9px;height:9px}.bt-legend-dot.sib{background:var(--bt-text-muted)}.bt-legend-dot.cur{box-shadow:0 0 0 1px var(--bt-accent);background:var(--bt-accent-subtle)}.bt-hint{font-family:var(--bt-font-mono);opacity:.85;font-size:10.5px}.branch-tree.bt-canvas{background:var(--bt-canvas-bg);background-image:radial-gradient(var(--bt-border-light) 1px, transparent 1px);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background-size:22px 22px;flex:1;position:relative;overflow:hidden}.branch-tree.bt-canvas.grabbing{cursor:grabbing}.branch-tree.bt-canvas.grabbing .bt-node{pointer-events:none}.branch-tree.bt-canvas.is-preview{cursor:pointer;touch-action:auto}.branch-tree.bt-canvas.is-static{cursor:default;touch-action:auto}.bt-layer{transform-origin:0 0;position:absolute;top:0;left:0}.bt-edges{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.bt-edge{fill:none;stroke:var(--bt-line);stroke-width:2px}.bt-edge.main{stroke:var(--bt-accent);stroke-width:2.5px}.bt-node{background:var(--bt-bg-secondary);border:1px solid var(--bt-border);border-radius:var(--bt-radius-md);cursor:pointer;width:190px;padding:9px 11px;transition:border-color .15s,box-shadow .15s,background-color .15s;position:absolute}.bt-node:hover{border-color:var(--bt-accent);box-shadow:0 4px 16px #00000040}.bt-node.current{border-color:var(--bt-accent);background:var(--bt-accent-subtle);box-shadow:0 0 0 1px var(--bt-accent)}.bt-node.disabled{opacity:.55;cursor:default}.bt-node.disabled:hover{border-color:var(--bt-border);box-shadow:none}.branch-tree.is-static .bt-node,.branch-tree.is-preview .bt-node{cursor:inherit}.bt-node-l1{align-items:center;gap:7px;margin-bottom:4px;display:flex}.bt-node-at{color:var(--bt-text-muted);font-family:var(--bt-font-mono);letter-spacing:.02em;white-space:nowrap;font-size:10px}.bt-node-title{min-width:0;color:var(--bt-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px;font-weight:500;overflow:hidden}.bt-node.current .bt-node-title{color:var(--bt-accent)}.bt-node-ref{background:var(--bt-accent);color:var(--bt-bg);font-family:var(--bt-font-mono);letter-spacing:.06em;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:8.5px;font-weight:600}.bt-node-ref.root{background:var(--bt-text-muted)}.bt-node-ref.offline{color:var(--bt-text-muted);border:1px dashed var(--bt-text-muted);background:0 0;padding:0 4px}.bt-node-meta{color:var(--bt-text-muted);align-items:center;gap:5px;margin-bottom:4px;font-size:10.5px;display:flex}.bt-node-preview{color:var(--bt-text-secondary);white-space:nowrap;text-overflow:ellipsis;opacity:.9;font-size:11px;line-height:1.4;overflow:hidden}.bt-controls{z-index:5;background:var(--bt-bg-elevated);border:1px solid var(--bt-border);border-radius:11px;align-items:center;gap:1px;padding:4px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 20px #0000004d}.bt-ctrl{width:34px;height:34px;color:var(--bt-text-secondary);border-radius:7px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.bt-ctrl:hover{background:var(--bt-bg-tertiary);color:var(--bt-text-primary)}.bt-ctrl svg{width:17px;height:17px}.bt-ctrl-divider{background:var(--bt-border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.bt-zoom-label{min-width:46px;height:34px;font-family:var(--bt-font-mono);color:var(--bt-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:11px;transition:color .15s,background-color .15s;display:flex}.bt-zoom-label:hover{color:var(--bt-text-primary);background:var(--bt-bg-tertiary)}.bt-recenter{height:34px;color:var(--bt-text-secondary);border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:12.5px;transition:background-color .15s,color .15s;display:inline-flex}.bt-recenter:hover{background:var(--bt-bg-tertiary);color:var(--bt-accent)}.bt-recenter svg{width:14px;height:14px}.bt-expand-hint{z-index:5;background:var(--bt-bg-elevated);border:1px solid var(--bt-border);color:var(--bt-text-secondary);border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:border-color .15s,color .15s;display:inline-flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 14px #00000040}.branch-tree.bt-canvas.is-preview:hover .bt-expand-hint{border-color:var(--bt-accent);color:var(--bt-accent)}.bt-expand-hint svg{width:13px;height:13px}@keyframes bt-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes bt-fade{0%{opacity:0}to{opacity:1}}.branch-tree.is-showcase .bt-node{opacity:0;animation:.5s cubic-bezier(.22,.61,.36,1) forwards bt-rise;animation-delay:var(--d,0s)}.branch-tree.is-showcase .bt-edge{opacity:0;animation:.45s forwards bt-fade;animation-delay:var(--d,0s)}@media (prefers-reduced-motion:reduce){.branch-tree.is-showcase .bt-node,.branch-tree.is-showcase .bt-edge{opacity:1;animation:none}}