:root{--bg: #1e1e1e;--panel: #252526;--float: #2d2d30;--border: #3c3c3c;--sep: #2a2a2a;--txt: #d4d4d4;--txt-dim: #9a9a9a;--txt-weak: #6a6a6a;--blue: #4aa3ff;--green: #4ec9a5;--yellow: #d6b94a;--red: #f06a6a;--brand: #006eff;--radius-c: 6px;--radius-b: 4px;--radius-k: 8px;--mono: "MesloLGS NF", "Monaco", "Consolas", monospace;--sans: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);font-size:13px;color:var(--txt);background:var(--bg);overflow:hidden}.mono{font-family:var(--mono)}.dot-g{color:var(--green)}.dot-y{color:var(--yellow)}.dot-r{color:var(--red)}.dot-b{color:var(--blue)}.dot-x{color:var(--txt-weak)}.app{display:grid;grid-template-rows:36px 1fr 22px 220px;height:100vh}.workspace{display:grid;grid-template-columns:48px 280px 1fr 320px;min-height:0;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--border);overflow:auto}.panel-h{padding:6px 10px;font-size:11px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--sep);display:flex;align-items:center;gap:8px;background:var(--float)}.row{padding:6px 10px;border-bottom:1px solid var(--sep);display:flex;align-items:center;gap:8px}.row:hover{background:var(--float)}.muted{color:var(--txt-dim)}.weak{color:var(--txt-weak)}.small{font-size:11px}.tag{display:inline-block;padding:1px 6px;border-radius:3px;font-size:10px;background:var(--float);border:1px solid var(--border);color:var(--txt-dim)}.tag-blue{color:var(--blue);border-color:var(--blue)}.tag-green{color:var(--green);border-color:var(--green)}.tag-yellow{color:var(--yellow);border-color:var(--yellow)}.tag-red{color:var(--red);border-color:var(--red)}.tag-weak{color:var(--txt-weak)}.btn{font-family:var(--sans);font-size:12px;padding:3px 10px;border-radius:var(--radius-b);background:var(--float);color:var(--txt);border:1px solid var(--border);cursor:pointer}.btn:hover{border-color:var(--blue)}.btn-primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn-primary:hover{background:#0876ff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent}.bar{height:6px;background:var(--sep);border-radius:3px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--blue)}.bar.green>i{background:var(--green)}.bar.yellow>i{background:var(--yellow)}.code{font-family:var(--mono);font-size:12px;line-height:1.5}.code .ln{color:var(--txt-weak);display:inline-block;width:28px;text-align:right;padding-right:8px;-webkit-user-select:none;user-select:none}.diff-add{background:#4ec9a51f;color:var(--green)}.diff-del{background:#f06a6a1f;color:var(--red)}.diff-mod{background:#d6b94a1f;color:var(--yellow)}.card{background:var(--float);border:1px solid var(--border);border-radius:var(--radius-k);padding:10px 12px;margin:8px}.card-h{display:flex;align-items:center;gap:8px;margin-bottom:6px}.greyed{opacity:.45;filter:grayscale(.6)}.greyed-badge{font-size:10px;color:var(--txt-weak);border:1px dashed var(--txt-weak);padding:0 5px;border-radius:3px;margin-left:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#424242;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.mobile-only{display:none}@media (max-width: 768px){.app{grid-template-rows:44px 1fr 58px}.workspace{grid-template-columns:1fr}.statusbar,.desk-only{display:none!important}.mobile-only{display:flex!important}.topbar{padding:0 8px!important;gap:6px!important}.topbar .tb-condensed{display:flex!important}.topbar .tb-full{display:none!important}.mobile-tabs{display:flex;align-items:center;justify-content:space-around;background:var(--panel);border-top:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-tabs button{flex:0 0 auto;min-width:44px;height:58px;border:none;background:transparent;color:var(--txt-dim);font-size:22px;cursor:pointer;position:relative;padding:0}.mobile-tabs button.active{color:var(--blue)}.mobile-tabs button.active:before{content:"";position:absolute;left:50%;top:6px;transform:translate(-50%);width:16px;height:2px;background:var(--blue);border-radius:2px}.mobile-tabs .mt-greyed{filter:grayscale(.7) opacity(.5)}.drawer-backdrop{position:fixed;top:44px;right:0;bottom:58px;left:0;background:#00000073;z-index:40}.drawer{position:fixed;top:44px;bottom:58px;background:var(--panel);border:1px solid var(--border);z-index:50;display:flex;flex-direction:column;box-shadow:0 0 30px #0009;animation:slideIn .18s ease-out}.drawer.left{left:0;width:86vw;max-width:360px}.drawer.right{right:0;width:86vw;max-width:360px}.drawer.bottom{left:0;right:0;bottom:58px;top:auto;height:55vh}@keyframes slideIn{0%{opacity:.3}to{opacity:1}}.drawer-h{padding:8px 12px;background:var(--float);border-bottom:1px solid var(--sep);display:flex;align-items:center;gap:8px;font-size:12px;color:var(--txt-dim);text-transform:uppercase;letter-spacing:.5px}.drawer-h b{color:var(--txt);text-transform:none}.match-panel{position:fixed!important;bottom:58px!important;left:0!important;width:auto!important;max-height:none!important;right:0!important;top:44px!important;border-radius:0!important}.panel-h{padding:8px 12px}.card{margin:6px}.btn{padding:6px 12px}.row{min-height:36px}}