:root{--blue:#0078d4;--blue-light:#deecf9;--blue-dark:#005a9e;--g10:#faf9f8;--g20:#f3f2f1;--g30:#edebe9;--g50:#d2d0ce;--g90:#605e5c;--g130:#323130;--g160:#201f1e;--white:#fff;--red:#d13438;--green:#107c10;--purple:#5c2d91;--orange:#ca5010;--sh4:0 1.6px 3.6px #00000021, 0 .3px .9px #0000001a;--sh8:0 3.2px 7.2px #00000021, 0 .6px 1.8px #0000001a;--r:4px;--r8:8px;--font:"Segoe UI Variable","Segoe UI",system-ui,sans-serif;--text-body-size:14px;--text-caption-size:12px;--control-height:32px;--panel-padding:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font);font-size:var(--text-body-size);color:var(--g130);background:var(--g10)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--g50);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--g90)}::selection{background:var(--blue-light)}button,input,select,textarea{font:inherit}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:default;opacity:.4}input[type=checkbox],input[type=radio]{accent-color:var(--blue)}[role=switch]{border:1px solid var(--g90);border-radius:10px;min-width:40px;min-height:20px}[role=switch][aria-checked=true]{border-color:var(--blue);background:var(--blue)}.fluent-button{min-height:var(--control-height);border:1px solid var(--g50);border-radius:var(--r);color:var(--g130);background:var(--white);font-size:var(--text-body-size);padding:5px 12px;font-weight:600;line-height:20px}.fluent-button:hover{background:var(--g20)}.fluent-button:active{background:var(--g30)}.fluent-button.subtle{background:0 0;border-color:#0000}.fluent-button.subtle:hover{background:var(--g20)}.fluent-button.compact{min-height:24px;font-size:var(--text-caption-size);padding:1px 8px}.fluent-panel-bar{min-height:40px;padding:4px var(--panel-padding);border-bottom:1px solid var(--g30);background:var(--g10);align-items:center;gap:8px;display:flex}.search-input:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 3px #0078d418!important}.nav-item:hover{background:var(--g20)!important}.nav-item.active{background:var(--blue-light)!important;border-left-color:var(--blue)!important}.tree-node:hover{background:var(--g20)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.fade-in{animation:.15s both fadeIn}button:focus-visible,[role=button]:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:2px solid #0078d4}