:root{--bg-app:#010409;--bg-panel:#0d1117;--bg-elev:#161b22;--border:#30363d;--border-subtle:#21262d;--text:#e6edf3;--text-dim:#8b949e;--text-faint:#6e7681;--accent:#58a6ff;--accent-strong:#1f6feb;--green:#3fb950;--danger:#ff7b72;--hover:#161b22;--selected:#1f6feb26;--radius:6px}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.panel-header{background:var(--bg-elev);border-bottom:1px solid var(--border);letter-spacing:.04em;text-transform:uppercase;height:34px;color:var(--text-dim);flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:11px;font-weight:600;display:flex}.realm-btn{background:var(--bg-elev);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:12px;line-height:1;transition:background .12s,border-color .12s;display:inline-flex}.realm-btn:hover{background:#21262d;border-color:#3d444d}.realm-btn:active{background:#2d333b}.realm-btn--accent{background:var(--accent-strong);color:#fff;border-color:#0000}.realm-btn--accent:hover{background:#388bfd}.realm-btn--icon{color:var(--text-dim);padding:4px 9px;font-size:14px}.realm-btn--icon:hover{color:var(--text)}.realm-btn--active{background:var(--accent-strong);color:#fff;border-color:#0000}.realm-btn--active:hover{background:#388bfd}.realm-select{color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:4px 6px;font-size:12px;line-height:1}.realm-btn--danger{color:var(--danger);border-color:#5c2a2a}.realm-btn--danger:hover{border-color:var(--danger);background:#2d1a1a}.realm-btn--ghost{color:var(--text-dim)}.realm-btn:disabled{opacity:.5;cursor:default}.engine-banner{color:var(--text);background:#2d2410;border-bottom:1px solid #5c4a1a;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.engine-banner__msg{color:#e3b341;flex:auto;min-width:180px}.tree-row{width:100%;color:var(--text-dim);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:6px;padding:0 8px;font-size:13px;line-height:22px;display:flex;overflow:hidden}.tree-row:hover{background:var(--hover)}.tree-row--dir{color:var(--text)}.tree-row--selected{background:var(--selected);border-left-color:var(--accent);color:#fff}.tree-row--selected:hover{background:var(--selected)}.tree-chevron{width:12px;color:var(--text-faint);flex:none;transition:transform .12s;display:inline-block}.tree-chevron--open{transform:rotate(90deg)}.tree-icon{opacity:.85;flex:none}.tree-label{text-overflow:ellipsis;overflow:hidden}.scroll-dark{scrollbar-width:thin;scrollbar-color:#30363d transparent}.scroll-dark::-webkit-scrollbar{width:10px;height:10px}.scroll-dark::-webkit-scrollbar-thumb{border:3px solid var(--bg-panel);background:#30363d;border-radius:6px}.scroll-dark::-webkit-scrollbar-thumb:hover{background:#3d444d}.status-pill{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:inline-flex}.status-dot{border-radius:50%;flex:none;width:7px;height:7px}