:root{--bg: #151516;--panel: #101012;--card: #1c1c1e;--ctrl: #27272a;--fill: #27272a;--input: #1c1c1e;--bd: #262626;--bdc: #222224;--hair: #222224;--lane: #1f1f22;--violet: #7B61FF;--t2: #bfbfbf;--t3: #8c8c8c;--t4: #5a5a5e;--ok: #52C41A;--ok2: #95DE64;--warn: #FAAD14;--warn2: #FFD666;--err: #FF4D4F;--err2: #FFA39E;--f: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--m: "IBM Plex Mono", ui-monospace, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:#fff;font-family:var(--f);overflow:auto}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}#app{height:100vh;min-height:840px;min-width:1280px;display:grid;grid-template-columns:304px minmax(0,1fr) 344px;grid-template-rows:56px minmax(0,1fr) 312px;grid-template-areas:"head head head" "queue view ctx" "time time time";background:var(--bg)}.lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-weight:700}.lbl.tight{letter-spacing:.06em}.mono{font-family:var(--m);font-variant-numeric:tabular-nums}.vr{width:1px;height:22px;background:var(--bd);flex:none}.dot{width:7px;height:7px;border-radius:999px;flex:none}.chip{font-family:var(--m);font-size:11px;font-weight:700;padding:1px 5px;border-radius:4px;color:#101012}#head{grid-area:head;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--panel);border-bottom:1px solid var(--bd)}#head .wm{font-weight:800;font-size:20px;letter-spacing:-.02em}#head .tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}#queue{grid-area:queue;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--bd);min-height:0}#qlist{flex:1;overflow-y:auto;padding:0 10px 12px;display:flex;flex-direction:column;gap:6px;min-height:0}.ev{padding:10px 11px;border-radius:8px;border:1px solid var(--bdc);background:var(--card);cursor:pointer;display:flex;flex-direction:column;gap:6px;transition:border-color .1s cubic-bezier(.4,0,.2,1),background .1s cubic-bezier(.4,0,.2,1)}.ev:hover{border-color:#3a3a3e}.ev.sel{background:var(--fill)}.ev .t1{display:flex;align-items:center;gap:8px}.ev .ti{font-size:13px;font-weight:600;line-height:1.3}#view{grid-area:view;display:flex;flex-direction:column;background:var(--bg);min-width:0;min-height:0}#vbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--bd);flex:none}#tiles{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px;padding:6px;min-height:0}.tile{position:relative;border-radius:8px;background:#000;border:1px solid var(--bd);overflow:hidden;cursor:pointer;min-height:0;transition:border-color .1s cubic-bezier(.4,0,.2,1)}.tile video{width:100%;height:100%;object-fit:cover;display:block;background:#000}.novideo{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:repeating-linear-gradient(135deg,#0f0f10 0,#0f0f10 12px,#121213 12px,#121213 24px);color:#fff6;font-size:12px;text-align:center;padding:0 24px}.tcorner{position:absolute;left:8px;right:8px;top:8px;display:flex;justify-content:space-between;gap:8px}.vp{font-family:var(--m);font-size:11px;padding:2px 7px;border-radius:4px;background:#0009;white-space:nowrap}.carsel{font-family:var(--m);min-width:150px}.carsel .ant-select-selector,.carsel.ant-select{background:#000000b3!important}.tchrome{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;display:flex;align-items:flex-end;gap:12px;flex-wrap:nowrap;overflow:hidden;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.55) 55%,transparent)}.rail{display:block;width:64px;height:5px;background:#ffffff2e;border-radius:2px;overflow:hidden}.rail i{display:block;height:100%}#ctx{grid-area:ctx;background:var(--panel);border-left:1px solid var(--bd);overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px;min-height:0}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.kv .k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}.kv .v{font-family:var(--m);font-size:14px;font-variant-numeric:tabular-nums}#time{grid-area:time;background:var(--panel);border-top:1px solid var(--bd);display:flex;flex-direction:column;min-height:0}#trans{display:flex;align-items:center;gap:10px;padding:8px 14px;flex:none;flex-wrap:wrap}#domains{display:flex;align-items:center;gap:8px;padding:5px 14px;background:var(--bg);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);flex:none;flex-wrap:wrap}#ovwrap{display:flex;align-items:center;gap:10px;padding:4px 14px;border-bottom:1px solid var(--hair);flex:none}#ov{flex:1;height:26px;display:block;cursor:col-resize;border-radius:4px;background:#101012;min-width:0}#lanes{flex:1;display:grid;grid-template-columns:232px 1fr;min-height:0;overflow:hidden}#gutter{border-right:1px solid var(--lane);display:flex;flex-direction:column;min-height:0}#canvas{position:relative;cursor:col-resize;min-width:0;display:flex;flex-direction:column}.grow{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.lrow{flex:1;border-bottom:1px solid var(--lane);position:relative;min-height:0}.grow .lrow:last-child{border-bottom:none}.gr{flex:1;border-bottom:1px solid var(--lane);display:flex;align-items:center;gap:8px;padding:0 10px;min-height:0}#gutter .gr:last-child{border-bottom:none}.well{width:52px;font-family:var(--m);font-size:11px;font-variant-numeric:tabular-nums}.loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#151516eb;display:flex;align-items:center;justify-content:center;z-index:50}.lb .ant-table-cell{padding:3px 4px!important;white-space:nowrap}.lb .ant-table-thead .ant-table-cell{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--t3)}