:root{--bg:#1e1e1e;--s:#181818;--s2:#252526;--b:#2b2b2b;--t:#ccc;--m:#858585;--a:#0078d4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{overflow:hidden;background:var(--bg);color:var(--t);font:13px "Segoe UI",system-ui,sans-serif}button,input{font:inherit;color:inherit}:focus-visible{outline:1px solid #007fd4;outline-offset:-1px}.wb{height:100%;display:grid;grid-template-rows:35px 1fr 22px}.top{display:flex;align-items:center;background:var(--s);border-bottom:1px solid var(--b);padding:0 7px;gap:2px}.logo{width:28px;color:#75beff;font:700 10px monospace}.menu{display:flex}.menu button,.tools button{height:27px;border:0;background:transparent;border-radius:4px;padding:0 7px}.menu button:hover,.tools button:hover{background:#ffffff12}.cmd{position:absolute;left:50%;transform:translateX(-50%);min-width:280px;height:24px;border:1px solid #343434;border-radius:6px;background:#202020;color:#aaa}.tools{margin-left:auto;display:flex;gap:2px}.tools #installBtn{background:#0e639c;border:1px solid #1177bb;color:#fff;padding:0 9px}.tools #installBtn[hidden]{display:none}.body{min-height:0;display:grid;grid-template-columns:48px 255px 1fr}.activity{background:var(--s);border-right:1px solid var(--b);display:flex;flex-direction:column}.activity button{height:48px;border:0;background:transparent;color:var(--m);font-size:20px}.activity button.on{color:#fff;border-left:2px solid var(--a)}.activity .grow,.status .grow,.ptabs .grow{flex:1}.side{background:var(--s);border-right:1px solid var(--b);min-width:0;display:flex;flex-direction:column}.side.hide{display:none}.sidehead{height:35px;padding:10px 12px;text-transform:uppercase;font-size:11px}.sidebody{overflow:auto;flex:1}.tree,.result,.scm,.ext{display:block;width:100%;border:0;background:transparent;text-align:left;padding:6px 10px;color:#c8c8c8}.tree:hover,.result:hover{background:#2a2d2e}.tree.sel{background:#37373d}.input{margin:5px 8px;width:calc(100% - 16px);height:28px;border:1px solid #3c3c3c;background:#313131;padding:0 7px}.main{min-width:0;min-height:0;display:grid;grid-template-rows:35px 26px 1fr auto}.tabs{display:flex;background:var(--s);border-bottom:1px solid var(--b);overflow:hidden}.tab{height:35px;border:0;border-right:1px solid var(--b);background:var(--s);padding:0 12px;color:#aaa}.tab.on{background:#1f1f1f;color:#fff;border-top:1px solid var(--a)}.crumb{padding:6px 10px;color:#999;border-bottom:1px solid #252525;font-size:11px}.editor{min-height:0;position:relative}.host{position:absolute;inset:0}.panel{height:155px;border-top:1px solid var(--b);background:var(--s)}.panel.hide{display:none}.ptabs{height:34px;display:flex;align-items:center;border-bottom:1px solid var(--b);padding:0 8px}.ptabs button{height:34px;border:0;background:transparent;font-size:11px}.ptabs button.on{border-bottom:1px solid var(--a);color:#fff}.pbody{padding:11px 13px;font:12px/1.7 Consolas,monospace;color:#aaa}.status{display:flex;align-items:center;background:var(--s);border-top:1px solid var(--b);font-size:11px}.status button{height:21px;border:0;background:transparent;padding:0 7px}.online{color:#89d185}.offline{color:#f0c674}.overlay{position:fixed;inset:0;background:#0008;display:flex;justify-content:center;align-items:flex-start;padding-top:70px;z-index:50}.overlay.hide{display:none}.pal{width:min(620px,calc(100vw - 30px));background:var(--s2);border:1px solid #454545;box-shadow:0 20px 60px #0009}.pal input{width:100%;height:48px;border:0;border-bottom:1px solid #3a3a3a;background:#202020;padding:0 12px;color:#fff;outline:0}.items button{width:100%;height:36px;border:0;background:transparent;text-align:left;padding:0 12px}.items button:hover,.items button.on{background:#04395e}.badge{float:right;color:#777}.muted{color:#777}.ok{color:#89d185}.warn{color:#cca700}@media(display-mode:standalone){body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}@media(max-width:720px){.body{grid-template-columns:44px 190px 1fr}.menu{display:none}.cmd{left:auto;right:95px;transform:none;min-width:170px}}@media(max-width:560px){.side{display:none}.body{grid-template-columns:44px 1fr}.cmd{display:none}}