@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap";:root{font-family:Manrope,PingFang SC,sans-serif;color:#d8e5f2;background:#07111b;font-synthesis:none;--bg: #07111b;--panel: #091722;--panel-2: #0c1c29;--border: #24384a;--muted: #7e94a8;--blue: #2785ff;--cyan: #55c8ff;--green: #79d24b;--amber: #f2a81d;--red: #f05b66}*{box-sizing:border-box}body{margin:0;min-width:980px;overflow:hidden}button,input{font:inherit}button{color:inherit}input[type=file]{display:none}.app{height:100vh;display:grid;grid-template-rows:54px 70px minmax(0,1fr) 30px;background:var(--bg);position:relative}.topbar{display:flex;align-items:center;gap:20px;padding:0 16px;border-bottom:1px solid var(--border);background:#081521}.brand{height:100%;display:flex;align-items:center;gap:8px;color:#54a8ff;font-weight:800;letter-spacing:-.5px;white-space:nowrap}.brand svg{width:22px}.brand small{color:#597287;font:600 8px/1 JetBrains Mono;letter-spacing:1.5px;align-self:flex-end;margin:0 0 11px -63px;transform:translate(64px)}.toolbar{display:flex;align-items:center;height:100%;gap:6px;margin-left:12px}.tool-button,.primary,.icon-action{border:1px solid transparent;background:transparent;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;border-radius:5px;color:#b9c9d8;font-size:13px;cursor:pointer;white-space:nowrap}.tool-button:hover,.icon-action:hover{background:#112433;border-color:#294258}.tool-button svg,.primary svg,.icon-action svg{width:16px;height:16px}.primary{background:var(--blue);border-color:#54a4ff;color:#fff;padding:0 16px;box-shadow:0 2px 10px #0068dd33}.primary:hover{background:#3992ff}.primary:disabled{opacity:.6;cursor:wait}.divider{height:22px;width:1px;background:var(--border);margin:0 5px}.search{margin-left:auto;min-width:230px;max-width:330px;flex:1;height:34px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);background:#06101a;border-radius:5px;padding:0 9px}.search svg{width:16px;color:var(--muted)}.search input{min-width:0;flex:1;color:#d9e5ef;outline:0;border:0;background:transparent;font-size:12px}.search kbd{color:#7890a5;font-size:10px;border:1px solid #2b4052;padding:2px 4px;border-radius:3px}.result-strip{display:flex;align-items:center;justify-content:center;gap:36px;border-bottom:1px solid #142a3a;background:#091621;position:relative}.result-item{display:flex;align-items:center;gap:11px;min-width:190px;color:var(--muted)}.result-item>svg{width:26px;height:26px}.result-item div{display:flex;align-items:baseline;gap:12px}.result-item span{color:#9bb0c1;font-size:12px}.result-item strong{font-size:14px}.result-item.success{color:var(--green)}.result-item.warning{color:var(--amber)}.result-item.danger{color:var(--red)}.result-divider{width:1px;height:30px;background:var(--border)}.diff-tools{position:absolute;right:144px;display:flex;align-items:center;gap:5px}.filter-label{display:flex;align-items:center;gap:4px;margin-right:2px;color:var(--muted);font-size:10px}.filter-label svg{width:12px}.diff-tools button{height:25px;padding:0 7px;border:1px solid #2a4052;border-radius:4px;background:#0a1925;color:#8298aa;font-size:10px;cursor:pointer}.diff-tools button:hover{color:#fff;border-color:#49667d}.diff-tools button.active.added{color:#a8e88c;border-color:#4c8534;background:#173521}.diff-tools button.active.removed{color:#ff9ba3;border-color:#923b45;background:#391a21}.diff-tools button.active.changed{color:#ffd375;border-color:#936a1c;background:#382a13}.diff-tools .next-diff{display:inline-flex;align-items:center;gap:4px;margin-left:4px;color:#b6cce0}.diff-tools .next-diff svg{width:13px}.diff-tools .next-diff:disabled{opacity:.4;cursor:default}.sync{position:absolute;right:17px;display:flex;align-items:center;gap:8px;color:#a9bbc9;font-size:12px;cursor:pointer}.sync input{display:none}.sync span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #375167;border-radius:4px;background:#0b1b28}.sync input:checked+span{background:var(--blue);border-color:var(--blue)}.sync svg{width:13px;opacity:0}.sync input:checked+span svg{opacity:1}.error-banner{position:absolute;z-index:20;top:124px;left:0;right:0;height:34px;display:flex;align-items:center;padding:0 12px;gap:8px;background:#381820;color:#ff9ca4;font-size:12px;box-shadow:0 3px 12px #0008}.error-banner svg{width:16px}.error-banner button{margin-left:auto;border:0;background:none}.error-banner button svg{width:14px}.workspace{grid-row:3;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 6px 6px}.pane{min-width:0;min-height:0;display:grid;grid-template-rows:42px 1fr;border:1px solid var(--border);border-radius:6px 6px 0 0;overflow:hidden;background:#06131d}.pane:focus{outline:1px solid #2785ff;outline-offset:-2px}.pane-header{display:flex;align-items:center;padding:0 10px 0 12px;background:var(--panel-2);border-bottom:1px solid var(--border)}.pane-title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;letter-spacing:.2px}.pane-title svg{width:17px;color:#b7d4ec}.file-meta{margin-left:auto;color:#8297a9;font:11px JetBrains Mono,monospace}.icon-action{margin-left:10px;padding:0 7px}.paste-action{height:28px;display:inline-flex;align-items:center;gap:5px;margin-left:10px;padding:0 8px;border:1px solid #294258;border-radius:4px;color:#a9c1d4;background:#0b1b28;font-size:11px;cursor:pointer}.paste-action:hover{color:#fff;border-color:#39709d;background:#112a3d}.paste-action svg{width:14px;height:14px}.tree-viewport{overflow:auto;scrollbar-color:#29445a #08141e;scrollbar-width:thin;contain:strict}.tree-row{height:26px;display:flex;align-items:center;position:relative;white-space:nowrap;font:13px/26px JetBrains Mono,PingFang SC,monospace;border-left:3px solid transparent}.tree-row:hover{background:#102434}.tree-row.changed{background:#4b371340;border-left-color:var(--amber)}.tree-row.added{background:#173a294a;border-left-color:var(--green)}.tree-row.removed{background:#4a1e264a;border-left-color:var(--red)}.line-no{position:sticky;left:0;z-index:1;width:48px;margin-left:calc((var(--depth, 0)) * -1px);padding-right:11px;text-align:right;color:#4f6679;background:#06131d;border-right:1px solid #183044;flex:0 0 48px}.fold{width:19px;height:22px;display:grid;place-items:center;padding:0;margin:0 2px;border:0;background:transparent;color:#8ca1b3;cursor:pointer}.fold svg{width:13px}.fold.hidden{visibility:hidden}.key{color:#5bc8ff}.index-key{color:#72899c;min-width:16px}.punct{color:#a8bac8}.value.string{color:#9ed55c}.value.number{color:#e8bbff}.value.boolean{color:#e49cff}.value.null{color:#f1877f}.collapsed-value{color:#60798d;font-style:italic}.diff-label{margin-left:16px;padding:1px 5px;border-radius:3px;color:#ffe2a4;font:9px/14px Manrope,sans-serif;background:#8c641d80}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:9px;color:#557083}.empty svg{width:38px;height:38px}.empty strong{color:#8ca2b4;font-size:13px}.empty span{font-size:11px}.statusbar{grid-row:4;display:flex;align-items:center;gap:0;background:#07131d;border-top:1px solid var(--border);color:#7890a4;font:10px JetBrains Mono,monospace}.statusbar span{padding:0 13px;border-right:1px solid #25394a;white-space:nowrap}.statusbar svg{width:12px;vertical-align:-2px;margin-right:5px}.statusbar .spacer{flex:1;border:0}.healthy,.success-text{color:var(--green)!important}.warning-text{color:var(--amber)!important}.danger-text{color:var(--red)!important}@media(max-width:1180px){.tool-button{font-size:0;padding:0 9px}.diff-tools,.brand small{display:none}}