.tree-node { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; }
    .tree-toggle { cursor: pointer; user-select: none; }
    .tree-toggle:hover { color: #38bdf8; }
    .token-mark { background-color: rgba(6, 182, 212, 0.25); border-bottom: 2px solid #22d3ee; border-radius: 2px; }
    .diff-add { background-color: rgba(16, 185, 129, 0.15); color: #34d399; border-left: 3px solid #10b981; }
    .diff-rem { background-color: rgba(244, 63, 94, 0.15); color: #fb7185; border-left: 3px solid #f43f5e; }
    .diff-mod { background-color: rgba(245, 158, 11, 0.15); color: #fbbf24; border-left: 3px solid #f59e0b; }
    .drag-active { border-color: #22d3ee !important; background-color: rgba(6, 182, 212, 0.1) !important; }
    ::-webkit-scrollbar { width: 8px; height: 8px; }
    ::-webkit-scrollbar-track { background: #0f172a; }
    ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: #475569; }