:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#e9efed;background:#030605;font-synthesis:none;--glass:rgba(9,15,13,.72);--line:rgba(180,224,211,.12);--line-hi:rgba(110,255,211,.28);--muted:#75827e;--signal:#52f5c7;--acid:#d8ff57;--danger:#ff5f78}*{box-sizing:border-box}html{background:#030605}body{margin:0;min-width:320px;min-height:100vh;background:#030605}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(130,188,171,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(130,188,171,.11) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(#000,transparent 72%);mask-image:linear-gradient(#000,transparent 72%)}button,input{font:inherit}button{cursor:pointer}.app{min-height:100vh;position:relative}header{position:sticky;top:0;z-index:20;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#030706c7;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--signal);color:#06100d;border-radius:4px;box-shadow:0 0 24px #52f5c73b}.brand strong{display:block;font-size:16px}.brand small{display:block;color:#697672;font-size:9px;margin-top:2px;letter-spacing:.7px}.system-state{font:10px ui-monospace,SFMono-Regular,monospace;color:#85928e}.system-state i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 9px var(--signal);margin-right:7px;animation:pulse 2.4s infinite}main{max-width:1560px;margin:auto;padding:0 24px 48px}.search-band{min-height:178px;display:grid;grid-template-columns:minmax(270px,.7fr) minmax(480px,1.3fr);align-items:center;gap:56px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--signal);font:500 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;text-transform:uppercase}.search-band h1{margin:9px 0 6px;font-size:28px;letter-spacing:0}.search-band p{margin:0;color:var(--muted);font-size:13px}.searchbox{height:54px;display:flex;align-items:center;gap:12px;padding-left:17px;background:#040908d1;border:1px solid var(--line-hi);box-shadow:inset 0 1px #ffffff06,0 18px 60px #0000003d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.searchbox>svg{color:var(--signal)}.searchbox input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f5f8f7;font-size:14px}.searchbox input::placeholder{color:#56615e}.searchbox button,.pay-actions button{height:100%;border:0;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--signal);color:#04100c;font-weight:700;padding:0 20px}.searchbox button:hover{background:#83ffdc;box-shadow:0 0 28px #52f5c733}button:disabled{cursor:wait;opacity:.55}.mode-row{display:flex;gap:8px;margin-top:10px}.mode-row label{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--line);background:#10181675;color:#a5b0ac;font-size:10px}.mode-row input{width:10px;height:10px;margin:0;accent-color:var(--signal)}.mode-row span{color:#53605c}.notice{margin-top:12px;padding:10px 13px;border:1px solid rgba(82,245,199,.18);background:#194b3d33;color:#b6d8ce;font-size:11px}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;padding-top:18px;min-height:calc(100vh - 258px)}.history,.metrics,.locked,.graph-section,.timeline,.report-empty{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(22px) saturate(125%);backdrop-filter:blur(22px) saturate(125%)}.history{align-self:start;position:sticky;top:80px;min-height:420px;padding:12px 8px}.history h2{margin:4px 10px 12px;color:#65736e;font:600 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px;text-transform:uppercase}.history button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#aeb9b5;padding:11px 9px;margin-bottom:3px;transition:.18s}.history button:hover{background:#ffffff06;color:#fff}.history button.selected{border-color:#52f5c729;background:#3467571f;color:#f1f6f4;box-shadow:inset 2px 0 var(--signal)}.history button span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.history button small{display:flex;gap:5px;align-items:center;color:#52605c;margin-top:6px;font:8px ui-monospace,SFMono-Regular,monospace}.report{min-width:0}.report-empty{height:430px;display:grid;place-content:center;text-align:center;color:#46534f}.report-empty svg{margin:auto;color:var(--signal);filter:drop-shadow(0 0 12px rgba(82,245,199,.3))}.report-empty h2{font-size:15px;font-weight:500}.report-head{min-height:74px;display:flex;justify-content:space-between;align-items:flex-start;padding:4px 2px 13px}.report-head h2{margin:8px 0 0;font-size:23px}.status{color:#788681;font:9px ui-monospace,SFMono-Regular,monospace}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:7px}.status i.completed{background:var(--signal);box-shadow:0 0 8px #52f5c780}.status i.failed{background:var(--danger)}.icon-btn,.graph-actions button{width:34px;height:34px;border:1px solid var(--line);background:#0e1614b8;color:#9aaba5;display:grid;place-items:center;transition:.2s}.icon-btn:hover,.graph-actions button:hover{color:var(--signal);border-color:var(--line-hi);background:#52f5c70f}.metrics{display:grid;grid-template-columns:repeat(3,1fr)}.metrics>div{min-height:102px;padding:20px;display:grid;grid-template-columns:auto 1fr auto;gap:5px 11px;align-items:center;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics svg{grid-row:1/3;width:18px;color:#65736e}.metrics span{color:#7c8984;font-size:10px}.metrics strong{grid-row:1/3;grid-column:3;font:500 29px ui-monospace,SFMono-Regular,monospace;color:#f1f6f4}.metrics small{color:#4e5b57;font:8px ui-monospace,SFMono-Regular,monospace}.metrics>div:first-child strong{color:var(--danger)}.disclaimer,.error{display:flex;align-items:flex-start;gap:9px;margin:11px 0;padding:10px 12px;color:#65736e;font-size:10px}.disclaimer p{margin:0;line-height:1.5}.error{border:1px solid rgba(255,95,120,.2);background:#5f18253d;color:#ff9aaa}.locked{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;position:relative}.locked:before{content:"";position:absolute;width:320px;height:1px;top:47%;background:#52f5c71f;box-shadow:0 0 28px #52f5c72e}.locked>svg{z-index:1;color:var(--signal);margin-bottom:16px;filter:drop-shadow(0 0 14px rgba(82,245,199,.4))}.locked h2{margin:9px 0 7px;font-size:19px}.locked p{margin:0;color:#66736f;font-size:11px}.price{margin:22px 0 17px}.price strong{display:block;color:var(--acid);font:500 26px ui-monospace,SFMono-Regular,monospace}.price small{color:#56635f;font-size:9px}.pay-actions{display:flex;height:38px;gap:7px;z-index:1}.pay-actions button{border:1px solid var(--line);background:#121c19e6;color:#b8c4c0;font-size:10px}.pay-actions button:first-child{border-color:var(--signal);color:#06100d;background:var(--signal)}.graph-section{margin-top:11px;overflow:hidden}.graph-section:fullscreen{background:#030605;padding:16px}.graph-header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}.graph-header h2{margin:5px 0 0;font-size:17px}.graph-telemetry{display:flex;align-items:center;gap:18px;color:#56635f;font:8px ui-monospace,SFMono-Regular,monospace}.graph-telemetry span{display:grid;gap:3px}.graph-telemetry b{color:#b9c6c1;font-size:12px;font-weight:500}.graph-telemetry i{color:var(--signal);font-style:normal}.graph-telemetry i:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--signal);box-shadow:0 0 8px var(--signal)}.graph-toolbar{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid var(--line)}.segments{display:flex}.segments button{height:29px;border:1px solid var(--line);border-right:0;background:transparent;color:#65736e;padding:0 12px;font-size:9px}.segments button:last-child{border-right:1px solid var(--line)}.segments button.active{color:var(--signal);background:#52f5c712;box-shadow:inset 0 -1px var(--signal)}.graph-actions{display:flex;gap:5px}.graph-actions button{width:29px;height:29px}.kind-filters{min-height:37px;display:flex;align-items:center;gap:17px;padding:7px 13px;border-bottom:1px solid var(--line)}.kind-filters label{display:flex;align-items:center;gap:6px;color:#53605c;font:9px ui-monospace,SFMono-Regular,monospace;cursor:pointer}.kind-filters label.active{color:#a7b4af}.kind-filters input{display:none}.kind-filters i{width:6px;height:6px;border-radius:50%;border:1px solid var(--node-color)}.kind-filters label.active i{background:var(--node-color);box-shadow:0 0 8px var(--node-color)}.graph-stage{display:grid;grid-template-columns:minmax(0,1fr) 250px;height:570px}.canvas-wrap{position:relative;min-width:0;overflow:hidden;background-color:#020504;background-image:linear-gradient(rgba(85,145,126,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(85,145,126,.08) 1px,transparent 1px);background-size:32px 32px}.canvas-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #000000d1}.graph-canvas{position:absolute;inset:0;z-index:2}.scanline{position:absolute;z-index:3;left:0;right:0;height:1px;background:#52f5c73d;box-shadow:0 0 12px #52f5c738;animation:scan 7s linear infinite;pointer-events:none}.corner{position:absolute;z-index:4;width:15px;height:15px;border-color:#52f5c78c;pointer-events:none}.corner.tl{top:12px;left:12px;border-top:1px solid;border-left:1px solid}.corner.tr{top:12px;right:12px;border-top:1px solid;border-right:1px solid}.corner.bl{bottom:12px;left:12px;border-bottom:1px solid;border-left:1px solid}.corner.br{bottom:12px;right:12px;border-bottom:1px solid;border-right:1px solid}.coordinates{position:absolute;z-index:4;bottom:12px;left:16px;color:#75938980;font:7px ui-monospace,SFMono-Regular,monospace}.detail-panel{padding:15px;border-left:1px solid var(--line);background:#070c0beb;overflow:auto}.detail-index{margin:-15px -15px 22px;padding:11px 13px;border-bottom:1px solid var(--line);color:#46534f;font:8px ui-monospace,SFMono-Regular,monospace}.detail-panel h3{margin:10px 0 22px;font-size:16px;line-height:1.45;overflow-wrap:anywhere}.detail-panel p{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-top:1px solid var(--line);color:#83918c;font-size:10px}.detail-panel p b{color:#53605c;font-weight:400}.detail-panel p span{text-align:right;color:#bfcbc7}.detail-panel .reason{margin:14px 0;padding:11px;border-left:2px solid #c58cff;background:#c58cff0f;color:#899691;font-size:10px;line-height:1.6}.detail-panel a{color:var(--signal);font:9px ui-monospace,SFMono-Regular,monospace;text-decoration:none}.empty-detail{height:calc(100% - 35px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#34413c}.empty-detail p{display:block;border:0;margin:11px 0 3px;padding:0;color:#64716c}.empty-detail small{color:#38453f;font:7px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.timeline{margin-top:12px;padding:15px}.timeline h2{margin:0 0 12px;font-size:15px}.timeline>div{display:grid;grid-template-columns:155px 13px 1fr;align-items:center;gap:12px;min-height:43px}.timeline time{color:#52605b;font:8px ui-monospace,SFMono-Regular,monospace}.timeline i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px #d8ff5766}.timeline span{color:#a4b0ac;font-size:11px}.muted{color:#53605c;font-size:11px;padding:10px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px var(--signal)}}@keyframes scan{0%{top:-2px}to{top:100%}}@media(max-width:900px){header{padding:0 15px}main{padding:0 12px 30px}.search-band{grid-template-columns:1fr;gap:20px;padding:25px 0 18px}.search-band h1{font-size:23px}.workspace{grid-template-columns:1fr}.history{position:static;min-height:0;display:flex;overflow:auto}.history h2{display:none}.history button{min-width:180px}.metrics{grid-template-columns:1fr}.metrics>div{min-height:78px;border-right:0;border-bottom:1px solid var(--line)}.graph-stage{grid-template-columns:1fr;height:auto}.canvas-wrap{height:480px}.detail-panel{min-height:170px;border-left:0;border-top:1px solid var(--line)}}@media(max-width:560px){.system-state{display:none}.searchbox{height:auto;min-height:50px;flex-wrap:wrap;padding:10px 10px 0}.searchbox input{width:calc(100% - 32px)}.searchbox button{width:calc(100% + 20px);height:42px;margin:0 -10px}.kind-filters,.graph-toolbar{flex-wrap:wrap}.graph-header{height:auto;min-height:70px}.graph-telemetry{gap:10px}.canvas-wrap{height:400px}.pay-actions{height:auto;flex-wrap:wrap;justify-content:center}.pay-actions button{height:38px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}body:before{opacity:.055;background-size:56px 56px;-webkit-mask-image:linear-gradient(#000,transparent 48%);mask-image:linear-gradient(#000,transparent 48%)}header{height:54px;justify-content:center;padding:0;background:#030706d6}.brand{gap:9px}.brand-mark{width:29px;height:29px;border-radius:3px;box-shadow:0 0 18px #52f5c729}.brand strong{font-size:15px}main{max-width:1440px}.search-band{min-height:126px;display:flex;align-items:center;justify-content:center;gap:0}.search-band form{width:min(720px,100%)}.mode-row{justify-content:center;gap:20px;margin-top:11px}.mode-row label{padding:0;border:0;background:transparent;color:#7d8a86;cursor:pointer}.notice{max-width:720px;margin-left:auto;margin-right:auto}.workspace{grid-template-columns:220px minmax(0,1fr);min-height:calc(100vh - 198px)}.history{top:72px}.graph-header{height:52px;padding:0 14px}.graph-header h2{margin:0;font-size:14px}.graph-stage{grid-template-columns:minmax(0,1fr) 240px;height:560px}.canvas-wrap{background-size:36px 36px;background-image:linear-gradient(rgba(85,145,126,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(85,145,126,.055) 1px,transparent 1px)}.scanline{background:#52f5c729;box-shadow:0 0 9px #52f5c724;animation-duration:8s}.corner{width:12px;height:12px;border-color:#52f5c74d}.detail-panel{padding:16px}.detail-panel h3{margin:2px 0 20px;font-size:15px}.empty-detail{height:100%}@media(max-width:900px){.search-band{padding:20px 0}.workspace{grid-template-columns:1fr}.graph-stage{grid-template-columns:1fr;height:auto}}@media(max-width:560px){main{padding-left:12px;padding-right:12px}.searchbox button span{display:none}.searchbox button{min-width:48px;width:48px;margin:0;height:100%;padding:0}.searchbox{height:50px;min-height:50px;flex-wrap:nowrap;padding:0 0 0 14px}.searchbox input{width:auto}.mode-row{gap:18px}}.workspace{display:block;max-width:1180px;margin:0 auto}.report{width:100%}