:root{--blue:#1f56e8;--orange:#ff8a1f;--green:#16a34a;--ink:#1c2540;--muted:#5b6680;--card:#ffffffeb;--line:#e3e8f4}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:#e9eefb;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{width:100vw;height:100vh;position:relative}.app canvas{position:absolute;inset:0}.card{background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #23376e1f}.muted{color:var(--muted)}.small{font-size:11px}.grow{flex:1}.good{color:var(--green)}.warn{color:#b45309}.topbar{align-items:center;gap:18px;height:54px;padding:0 16px;display:flex;position:absolute;top:14px;left:14px;right:14px}.logo{white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.logo-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.search{max-width:340px;color:var(--muted);background:#f1f4fb;border-radius:10px;flex:1;padding:9px 12px;font-size:13px}.site{border:1px solid var(--line);white-space:nowrap;border-radius:10px;padding:7px 12px;font-size:13px}.live{color:#15803d;background:#eafaf0;border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.live i{background:var(--green);border-radius:50%;width:8px;height:8px;animation:1.4s infinite pulse}@keyframes pulse{50%{opacity:.3}}.user{white-space:nowrap;align-items:center;gap:9px;font-size:13px;display:flex}.avatar{width:32px;height:32px;color:var(--blue);background:#dbe5ff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.left-col{flex-direction:column;gap:10px;width:300px;display:flex;position:absolute;top:82px;left:14px}.kpis{grid-template-columns:1fr 1fr;gap:10px;display:grid}.kpi{align-items:center;gap:9px;padding:9px 10px;display:flex}.kpi-icon{border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:16px;display:grid}.kpi-label{color:var(--muted);font-size:10.5px}.kpi-value{white-space:nowrap;font-size:17px;font-weight:700;line-height:1.15}.kpi-sub{color:var(--muted);font-size:10px}.right-col{width:300px;position:absolute;top:82px;right:14px}.detail{padding:14px;font-size:12.5px}.detail-head{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.detail-title{font-size:20px;font-weight:700}.pill{border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.pill.blue{color:var(--blue);background:#e3ebff}.pill.orange{color:#9a4a00;background:#fff0df}.row{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding:6px 0;display:flex}.row span{color:var(--muted)}.row b{text-align:right}.hint{color:var(--muted);background:#f3f6fd;border-radius:8px;margin:6px 0;padding:6px 9px;font-size:11px}.bar{background:#e8edf8;border-radius:4px;height:6px;margin:6px 0 8px;overflow:hidden}.bar div{background:var(--blue);height:100%;transition:width .3s}.legend{color:var(--muted);align-items:center;gap:6px;margin-top:4px;font-size:10.5px;display:flex}.legend i{border-radius:2px;width:9px;height:9px;margin-left:6px;display:inline-block}.legend i.best{background:0 0;border:1.5px solid #0ea5e9}.controls{gap:6px;padding:6px;display:flex;position:absolute;top:82px;left:50%;transform:translate(-50%)}.controls button{color:var(--ink);cursor:pointer;background:#f1f4fb;border:0;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600}.controls button:hover{background:#e3ebff}.bottom-left{width:470px;position:absolute;bottom:14px;left:14px}.pipeline{padding:12px 16px}.pipeline-head{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.steps{justify-content:space-between;display:flex;position:relative}.steps:before{content:"";background:#dfe6f5;height:2px;position:absolute;top:13px;left:24px;right:24px}.step{text-align:center;width:20%;position:relative}.dot{width:26px;height:26px;color:var(--muted);background:#e8edf8;border-radius:50%;place-items:center;margin:0 auto 4px;font-size:11px;font-weight:700;display:grid;position:relative}.step.done .dot{background:var(--green);color:#fff}.step.active .dot{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #2f6bff30}.step-label{color:var(--muted);font-size:10.5px}.step.active .step-label{color:var(--ink);font-weight:600}.status{background:#f3f6fd;border-radius:8px;margin-top:10px;padding:7px 10px;font-size:12px}.status.warn{color:#b45309;background:#fff4de}.bottom-right{width:340px;position:absolute;bottom:14px;right:14px}.lists{padding:10px}.tabs{gap:4px;margin-bottom:8px;display:flex}.tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px;font-size:12px;font-weight:600}.tabs button.on{color:var(--blue);background:#e3ebff}.list{max-height:190px;overflow:auto}.li{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.li:hover,.li.sel{background:#eef3ff}.dotc{border-radius:50%;width:9px;height:9px;display:inline-block}.dotc.blue{background:var(--blue)}.dotc.orange{background:var(--orange)}.tag-s{color:var(--muted);background:#eef1f8;border-radius:999px;padding:2px 8px;font-size:10.5px}.tag-s.claimed{color:var(--blue);background:#e3ebff}.tag-s.done{color:var(--green);background:#e4f7ea}.tag-layer{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.tag-layer .tag{position:absolute;top:0;left:0}.tag{white-space:nowrap;background:#fff;border:1.5px solid;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:700;box-shadow:0 3px 10px #23376e2e}.tag span{color:var(--muted);font-weight:500}@media (width<=1200px){.datasrc .muted,.site{display:none}}.datasrc{white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;display:flex}.datasrc button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f1f4fb;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600}.datasrc button:hover{background:#e3ebff}.selector{padding:12px 14px;font-size:12px}.sel-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}.seg{background:#f1f4fb;border-radius:10px;gap:4px;margin-bottom:8px;padding:3px;display:flex}.seg button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:6px 4px;font-size:11px;font-weight:600}.seg button.on{color:var(--blue);background:#fff;box-shadow:0 1px 4px #23376e26}.slider{color:var(--muted);grid-template-columns:74px 1fr 34px;align-items:center;gap:8px;margin:4px 0;display:grid}.slider input{width:100%;accent-color:var(--blue)}.slider b{color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}.cmp{border-collapse:collapse;width:100%;margin:8px 0 4px;font-size:11.5px}.cmp th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 0;font-weight:500}.cmp td{font-variant-numeric:tabular-nums;border-bottom:1px solid #f0f3fa;padding:5px 0}.cmp tr.cur td:first-child{color:var(--blue);font-weight:700}.cmp td.good{color:var(--green);font-weight:700}.toast{border-radius:10px;align-items:flex-start;gap:10px;max-width:520px;padding:10px 16px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #23376e33}.toast-x{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.toast.ok{color:#166534;background:#e4f7ea}.toast.err{color:#991b1b;background:#fde8e8}.dropzone{border:3px dashed var(--blue);color:var(--blue);z-index:50;pointer-events:none;background:#2f6bff24;place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.seg.modes{flex:none;margin:0}.seg.modes button{padding:6px 12px;font-size:12px}.seg.mini{margin:0;padding:2px}.seg.mini button{flex:none;padding:4px 8px;font-size:11px}.tag.small{padding:1px 6px;font-size:10.5px}.tag.sel{background:var(--blue);color:#fff}.wl{max-height:300px;overflow:auto}.mbar{background:#e8edf8;border-radius:4px;flex:1;height:6px;overflow:hidden}.mbar i{height:100%;display:block}.stackbar{background:#e8edf8;border-radius:5px;height:10px;margin:6px 0;display:flex;overflow:hidden}.stackbar i{height:100%;display:block}.legend.wrap{flex-wrap:wrap;gap:4px 8px}.legend span{align-items:center;display:inline-flex}.timeline{align-items:center;gap:10px;width:560px;min-width:420px;max-width:calc(100vw - 700px);padding:8px 12px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.timeline button{color:var(--blue);cursor:pointer;background:#e3ebff;border:0;border-radius:8px;width:34px;height:30px;font-size:14px}.timeline input[type=range]{accent-color:var(--blue);flex:1}.tl-t{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}.timeline .seg button{width:auto;height:auto;color:var(--muted);background:0 0}.timeline .seg button.on{color:var(--blue);background:#fff}.wl.short{max-height:150px}.heatwrap{cursor:pointer;align-items:center;gap:8px;width:560px;min-width:420px;max-width:calc(100vw - 700px);display:flex;position:absolute;bottom:62px;left:50%;transform:translate(-50%)}.heatwrap .heat{border:1px solid var(--line);border-radius:4px;flex:1;height:8px}.heatwrap span{white-space:nowrap}.wb{--grid:#e3e8f3;--surface:#fff;--line:#d9dfec;--bg:#f4f6fb;background:var(--bg);color:var(--ink);grid-template:"top top top"46px"left stage right"1fr"foot foot foot"/240px 1fr 380px;font-size:13px;display:grid;position:fixed;inset:0}.wb *{box-sizing:border-box}.wb .num{font-variant-numeric:tabular-nums}.wb .small{font-size:11.5px}.wb .muted{color:var(--muted)}.wb .grow{flex:1}.wb .axis{fill:var(--muted);font-size:9.5px}.wb-top{background:var(--surface);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:14px;min-width:0;padding:0 14px;display:flex}.wb-top .logo{white-space:nowrap;align-items:center;gap:8px;font-weight:700;display:flex}.wb-top .logo-mark{background:var(--ink);color:#fff;border-radius:5px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.wb-top .seg{flex:none;margin:0}.wb-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.wb-left,.wb-right{background:var(--surface);flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:auto}.wb-left{border-right:1px solid var(--line);grid-area:left}.wb-right{border-left:1px solid var(--line);grid-area:right;gap:6px;padding:10px 12px}.wb .panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px}.wb .panel h4{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:11px}.wb .field{margin-bottom:8px}.wb .field label{color:var(--muted);margin-bottom:3px;font-size:11px;display:block}.wb .seg{flex-wrap:wrap;margin-bottom:0}.wb .seg button{flex:auto}.wb .seg button:disabled{opacity:.4;cursor:not-allowed}.wb .note{color:var(--muted);margin-top:8px;font-size:11px;line-height:1.45}.wb .hint{color:var(--muted);border-left:3px solid var(--line);background:#f6f8fd;margin-top:8px;padding:6px 8px;font-size:11px;line-height:1.45}.wb .checks label{cursor:pointer;align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.wb .btn{border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;background:#f1f4fb;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600}.wb .btn:hover{background:#e6ecf8}.wb .btn.icon{flex:none;width:34px;padding:6px 0}.wb-stage{background:var(--line);grid-area:stage;gap:2px;min-width:0;min-height:0;display:grid;position:relative}.wb-view{background:#dfe7f5;min-width:0;min-height:0;position:relative;overflow:hidden}.wb-view canvas{display:block}.wb-chip{border:1px solid var(--line);background:#ffffffeb;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-weight:600;display:flex;position:absolute;top:10px;left:10px}.wb-chip i,.wb .sw{border-radius:2px;width:9px;height:9px;margin-right:5px;display:inline-block}.wb-empty{max-width:420px;margin:auto}.wb .toast.err{color:#9b1c12;background:#fff1f0;border:1px solid #f5a8a0;border-radius:8px;max-width:80%;padding:8px 12px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.wb .tabs{border-bottom:1px solid var(--line);gap:0;margin-bottom:4px}.wb .tabs button{background:0 0;border-bottom:2px solid #0000;border-radius:0}.wb .tabs button.on{color:var(--ink);border-bottom-color:var(--ink);background:0 0}.wb-scroll{flex:1;padding-right:2px;overflow-y:auto}.wb .row{border-bottom:1px solid #eef1f8;justify-content:space-between;gap:8px;padding:4px 0;display:flex}.wb .row-between{justify-content:space-between;align-items:center;margin:6px 0;display:flex}.wb .warn{color:#b45309}.wb .good{color:#15803d}.wb table.cmp{table-layout:auto;border-collapse:collapse;width:100%;margin-bottom:10px;font-size:12px}.wb table.cmp th{white-space:nowrap;text-align:right;color:var(--muted);border-bottom:1px solid var(--line);padding:4px 3px;font-size:11px;font-weight:600}.wb table.cmp th:first-child,.wb table.cmp td:first-child{text-align:left}.wb table.cmp td{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums;border-bottom:1px solid #eef1f8;padding:5px 3px}.wb .chart{margin:10px 0 4px}.wb .chart-head{justify-content:space-between;align-items:baseline;display:flex}.wb .chart-legend{flex-wrap:wrap;gap:4px 12px;font-size:11.5px;display:flex}.wb .chart-legend i,.wb .legend i{border-radius:2px;width:9px;height:9px;margin-right:4px;display:inline-block}.wb .legend{color:var(--muted);gap:10px;margin:4px 0;font-size:11px;display:flex}.wb .legend.wrap{flex-wrap:wrap}.wb .wl .li{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:5px 4px;display:flex}.wb .wl .li:hover{background:#f1f4fb}.wb .wl .li.sel{background:#e7edfb}.wb .wl.short{max-height:190px;overflow-y:auto}.wb .dotc{border-radius:50%;flex:none;width:9px;height:9px}.wb .mbar{background:#edf0f7;border-radius:3px;flex:1;height:6px;overflow:hidden}.wb .mbar i{height:100%;display:block}.wb .tag-s{background:#eef1f8;border-radius:4px;padding:2px 6px;font-size:11px}.wb .detail{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.wb .detail-head{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.wb .detail-title{font-size:20px;font-weight:700}.wb .pill{border-radius:10px;padding:3px 8px;font-size:11px;font-weight:600}.wb .pill.blue{color:var(--blue);background:#e3ebff}.wb .stackbar{border-radius:5px;gap:1px;height:10px;margin:4px 0;display:flex;overflow:hidden}.wb .stackbar i{height:100%;display:block}.wb .ds{border-bottom:1px solid #eef1f8;padding:8px 0}.wb-foot{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;grid-area:foot;gap:4px;padding:6px 14px 8px;display:flex}.wb .heatwrap2{cursor:pointer;align-items:center;gap:10px;display:flex}.wb .heat{border-radius:4px;flex:1;height:8px}.wb .timeline2{align-items:center;gap:12px;display:flex}.wb .timeline2 input[type=range]{flex:1}.wb .tl-t{text-align:right;width:92px}@media (width<=1100px){.wb{grid-template-columns:210px 1fr 320px}}.params{gap:6px;margin-top:8px;display:grid}.params label{grid-template-columns:1fr 78px;align-items:center;gap:8px;font-size:12px;display:grid}.params input{border:1px solid var(--line,#d0d7e6);width:100%;color:inherit;font:inherit;background:0 0;border-radius:6px;padding:3px 6px}details>summary{cursor:pointer;margin-top:8px;font-size:12px}.loading-mode{height:100vh;color:var(--muted);place-items:center;font-size:13px;display:grid}.perf-overlay{z-index:50;color:#fff;pointer-events:none;background:#0f1423db;border-radius:6px;padding:6px 10px;font:11px/1.5 ui-monospace,monospace;position:fixed;top:56px;left:50%;transform:translate(-50%)}.rec-modal{z-index:100;background:#0f142373;place-items:center;display:grid;position:fixed;inset:0}.rec-modal .panel{background:var(--surface,#fff);width:min(420px,90vw)}