*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e5e7eb;background:#0f1115;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}button:disabled{opacity:.45;cursor:default}.muted{color:#9ca3af}.sp{flex:1}.app{flex-direction:column;height:100vh;display:flex}.top{background:#16181d;border-bottom:1px solid #262a33;flex:none;align-items:center;gap:14px;height:56px;padding:0 18px;display:flex}.logo{white-space:nowrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.logo i{background:linear-gradient(135deg,#e5484d 0 50%,#30a46c 50% 100%);border-radius:7px;width:28px;height:28px;display:block;position:relative}.logo i:after{content:"";opacity:.85;background:#16181d;border-radius:3px;position:absolute;inset:6px}.files{align-items:center;gap:8px;min-width:0;margin-left:10px;display:flex}.file{background:#1d2027;border:1px solid #2b303a;border-radius:8px;align-items:center;gap:9px;min-width:0;max-width:360px;padding:6px 12px;display:flex}.file b{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.file span{color:#9ca3af;white-space:nowrap;font-size:12px}.tag{border-radius:5px;flex:none;padding:2px 7px;font-size:11px;font-weight:700}.tag.big{border-radius:7px;padding:4px 10px;font-size:14px}.ta{color:#ff8589;background:#e5484d26}.tb{color:#4cc38a;background:#30a46c29}.iconbtn{color:#d1d5db;background:#1d2027;border:1px solid #2b303a;border-radius:7px;width:30px;height:30px;font-size:15px}.iconbtn:not(:disabled):hover{border-color:#3b82f6}.seg{background:#1d2027;border:1px solid #2b303a;border-radius:9px;padding:3px;display:flex}.seg div{color:#9ca3af;white-space:nowrap;border-radius:6px;padding:6px 14px;font-weight:500}.seg .on{color:#fff;background:#2f3542;box-shadow:0 1px 2px #0006}.seg .off{opacity:.45;cursor:not-allowed}.btn{color:#fff;white-space:nowrap;background:#3b82f6;border-radius:8px;padding:8px 14px;font-weight:600}.btn2{color:#d1d5db;white-space:nowrap;background:#1d2027;border:1px solid #2b303a;border-radius:8px;padding:8px 12px}.upload{background:#0b0d10 radial-gradient(#1a1d23 1px,#0000 1px) 0 0/18px 18px;flex:1;justify-content:center;align-items:center;display:flex}.upload-inner{text-align:center;width:880px}.upload h1{color:#fff;margin-bottom:10px;font-size:26px;font-weight:650}.lead{margin-bottom:30px;font-size:14px}.drops{align-items:stretch;gap:18px;display:flex}.drop-arrow{color:#6b7280;align-self:center;font-size:22px}.drop{cursor:pointer;background:#15181e;border:2px dashed #353b47;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;height:240px;padding:18px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop.over{background:#172033;border-color:#3b82f6}.drop.filled{border-style:solid;border-color:#2f3a4f}.drop h3{color:#fff;margin-top:6px;font-size:17px}.drop .fname{color:#e5e7eb;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:600;overflow:hidden}.progress{color:#9ca3af;flex-direction:column;gap:8px;width:420px;margin:22px auto 0;display:flex}.progress .bar{background:#22262e;border-radius:4px;height:6px;overflow:hidden}.progress .bar div{background:#3b82f6;height:100%;transition:width .2s}.error{color:#ff8589;margin-top:16px}.hints{color:#9ca3af;flex-direction:column;gap:6px;margin-top:30px;font-size:12.5px;list-style:none;display:flex}.hints b{color:#d1d5db;font-weight:600}.bar{color:#9ca3af;background:#13151a;border-bottom:1px solid #262a33;flex:none;align-items:center;gap:14px;min-width:0;height:64px;padding:0 18px;display:flex}.pn{flex:none;align-items:center;gap:8px;display:flex}.pn .b{color:#d1d5db;border:1px solid #2b303a;border-radius:6px;width:28px;height:28px}.pn .cur{color:#fff;white-space:nowrap;text-align:center;background:#1d2027;border:1px solid #2b303a;border-radius:6px;min-width:150px;padding:4px 10px}.thumbs{scrollbar-width:thin;flex:1;gap:6px;min-width:0;padding:4px 2px;display:flex;overflow-x:auto}.th{background:#2a2e37;border:1px solid #363b46;border-radius:4px;flex:none;justify-content:center;align-items:center;min-width:32px;height:50px;display:flex;position:relative;overflow:hidden}.th img{opacity:.9;height:100%;display:block}.th .ph{width:30px;height:40px}.th.on{border:2px solid #3b82f6}.th.ins{border-style:dashed;border-color:#30a46c}.th.del{border-style:dashed;border-color:#e5484d}.th .tl{color:#fff;background:#0f1115c7;font-size:9px;line-height:13px;position:absolute;bottom:0;left:0;right:0}.th .dotc{background:#f5a524;border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px;box-shadow:0 0 0 1.5px #13151a}.vsep{background:#2b303a;flex:none;width:1px;height:22px}.pairinfo{white-space:nowrap;flex:none}.main{flex:1;min-height:0;display:flex}.panes{background:#0b0d10;flex:1;gap:14px;min-width:0;padding:14px;display:flex}.pane{background:#1a1d23;border:1px solid #262a33;border-radius:12px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.ph{color:#9ca3af;white-space:nowrap;border-bottom:1px solid #262a33;flex:none;align-items:center;gap:8px;min-width:0;height:38px;padding:0 14px;font-size:12px;display:flex}.ph b{color:#e5e7eb;font-weight:600}.ellip{text-overflow:ellipsis;min-width:0;overflow:hidden}.pc{cursor:grab;touch-action:none;background-image:radial-gradient(#22262e 1px,#0000 1px);background-size:16px 16px;flex:1;position:relative;overflow:hidden}.pc:active{cursor:grabbing}.sheetwrap{background:#fff;position:absolute;box-shadow:0 10px 30px #00000080}.sheetwrap canvas{display:block}.hl{position:absolute;top:0;left:0;overflow:visible}.hl rect{cursor:pointer}.h-removed{fill:#e5484d24;stroke:#e5484d}.h-added{fill:#30a46c29;stroke:#30a46c}.h-modified{fill:#f5a52438;stroke:#f5a524}.h-moved,.h-resized{fill:#6e56cf33;stroke:#8e7cf0}.ghost rect{fill:none;stroke:#b9adff;stroke-opacity:.95}.ghost line{stroke:#b9adff}.k-graphics{stroke-dasharray:4 2}.folded{fill-opacity:.5;stroke-opacity:.75;stroke-dasharray:2 2}.sel{fill-opacity:1}.nopage{text-align:center;color:#d1d5db;justify-content:center;align-items:center;font-size:14px;line-height:1.7;display:flex;position:absolute;inset:0}.zoom{color:#d1d5db;pointer-events:none;background:#16181de6;border:1px solid #2b303a;border-radius:8px;padding:5px 10px;font-size:12px;position:absolute;bottom:12px;right:12px}.side{background:#16181d;border-left:1px solid #262a33;flex-direction:column;flex:none;width:380px;min-height:0;display:flex}.sh{padding:16px 18px 10px}.sh h3{color:#fff;justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.exp{color:#e5e7eb;border:1px solid #3a4150;border-radius:7px;align-items:center;font-size:12px;font-weight:500;display:flex;overflow:hidden}.exp span{background:#232833;padding:5px 10px}.exp i{color:#9ca3af;background:#1b1f27;border-left:1px solid #3a4150;padding:5px 8px;font-family:DejaVu Sans Mono,Menlo,monospace;font-style:normal}.stats{gap:6px;margin-top:12px;display:flex}.st{background:#1d2027;border:1px solid #2b303a;border-radius:8px;flex:1;min-width:0;padding:8px 9px}.st b{font-size:18px;display:block}.st span{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.st.mov b{color:#a594f9}.st.add b{color:#4cc38a}.st.rem b{color:#ff8589}.st.mod b{color:#f5b84a}.filters{border-bottom:1px solid #262a33;gap:8px;padding:6px 18px 12px;display:flex}.chip{color:#cbd5e1;white-space:nowrap;border:1px solid #2b303a;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.chip.on{color:#fff;background:#253047;border-color:#3b82f6}.chip em{background:#2f3542;border-radius:999px;padding:0 6px;font-size:11px;font-style:normal}.list{flex:1;min-height:0;padding-bottom:8px;overflow-y:auto}.empty{color:#9ca3af;text-align:center;padding:30px 18px}.grp{letter-spacing:.5px;color:#6b7280;text-transform:uppercase;justify-content:space-between;padding:12px 18px 6px;font-size:11px;font-weight:600;display:flex}.grp.cur{color:#93b4f5}.row{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:11px;padding:9px 18px;display:flex}.row:hover{background:#1b1f27}.row.sel{background:#1e2430;border-left-color:#3b82f6}.dot{border-radius:50%;flex:none;width:9px;height:9px;margin-top:4px}.dot.moved,.dot.resized{background:#6e56cf}.dot.added{background:#30a46c}.dot.removed{background:#e5484d}.dot.modified{background:#f5a524}.rb{flex:1;min-width:0}.rt{color:#f3f4f6;align-items:center;gap:7px;font-weight:500;display:flex}.kind{color:#9ca3af;background:#2a2e37;border-radius:4px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:inline-flex}.rd{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-family:DejaVu Sans Mono,Menlo,monospace;font-size:12px;overflow:hidden}.pg{color:#9ca3af;white-space:nowrap;background:#22262e;border:1px solid #2b303a;border-radius:5px;flex:none;margin-top:1px;padding:2px 7px;font-family:DejaVu Sans Mono,Menlo,monospace;font-size:11px}.pg b{color:#e5e7eb}.legend{color:#9ca3af;border-top:1px solid #262a33;flex-wrap:wrap;gap:10px;padding:12px 14px;font-size:11px;display:flex}.legend span{white-space:nowrap;align-items:center;gap:6px;display:flex}.sw{border:2px solid;border-radius:2px;width:14px;height:10px;display:inline-block}.sw.dashed{border:2px dashed #9ca3af}.ov{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10;background:#050608a8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#16181d;border:1px solid #2f3542;border-radius:14px;width:min(900px,94vw);overflow:hidden;box-shadow:0 30px 80px #0009}.mh{border-bottom:1px solid #262a33;align-items:center;gap:12px;padding:16px 20px;display:flex}.mh h2{color:#fff;font-size:16px;font-weight:600}.mh .x{color:#9ca3af;margin-left:auto;font-size:18px}.mo{color:#9ca3af;border-bottom:1px solid #262a33;align-items:center;gap:10px;padding:12px 20px;font-size:12px;display:flex}.pre{background:#0b0d10;border:1px solid #262a33;border-radius:10px;height:min(560px,60vh);margin:16px 20px;overflow:auto}.pre pre{color:#d1d5db;white-space:pre;padding:14px 16px;font-family:DejaVu Sans Mono,Menlo,monospace;font-size:12px;line-height:1.55}.mf{color:#6b7280;align-items:center;gap:10px;padding:0 20px 18px;font-size:12px;display:flex}