:root{--bg:#0b1529;--panel:#111e38;--panel2:#0e1a31;--line:#ffffff14;--tx:#e8ecf4;--mu:#98a3b8;--sc:#9fb3d9;--ai:#d8b46e;--pp:#7fcf98;--red:#e08a7f;--serif:"Fraunces Variable", Georgia, serif;--sans:"Inter Variable", system-ui, sans-serif;--mono:ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);overflow:hidden}body{font-family:var(--sans);color:var(--tx);-webkit-font-smoothing:antialiased}.stage{transform-origin:0 0;width:1920px;height:1080px;position:relative}.top{border-bottom:1px solid var(--line);background:#091224;align-items:center;gap:16px;height:72px;padding:0 36px;display:flex}.top img{width:auto;height:38px}.top .t{font:600 22px var(--serif)}.top .ws{color:var(--mu);border:1px solid var(--line);border-radius:6px;margin-left:4px;padding:4px 10px;font-size:14px}.tabs{gap:6px;margin-left:40px;display:flex}.tabs span{color:var(--mu);border-radius:8px;padding:8px 14px;font-size:15px}.tabs span.on{color:#fff;background:#ffffff12}.right{align-items:center;gap:18px;margin-left:auto;display:flex}.status{color:#cfe9d7;background:#7fcf981f;border:1px solid #7fcf9859;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:14px;font-weight:600;display:flex}.dot{background:var(--pp);border-radius:50%;width:9px;height:9px;animation:1.6s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #7fcf9899}70%{box-shadow:0 0 0 9px #7fcf9800}to{box-shadow:0 0 #7fcf9800}}.clock{font:500 15px var(--mono);color:var(--mu)}.av{color:#cbd5ea;background:#1d2d52;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.stats{grid-template-columns:repeat(5,1fr);gap:16px;padding:22px 36px 0;display:grid}.st{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px 18px}.st span{color:var(--mu);font-size:13px}.st b{font:600 30px var(--serif);margin-top:2px;display:block}.cols{grid-template-columns:520px 600px 1fr;gap:18px;padding:18px 36px 0;display:grid}.pn{background:var(--panel);border:1px solid var(--line);border-radius:14px;height:830px;padding:20px 22px;position:relative;overflow:hidden}.ph{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.ph b{font:700 12px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mu)}.ph span{color:var(--mu);font-size:13px}.ph .id{font:600 13px var(--mono);color:#cbd5ea;background:#ffffff0f;border-radius:5px;padding:3px 8px}.step{border-top:1px solid var(--line);opacity:.28;grid-template-columns:30px 1fr auto;gap:12px;padding:9px 0;transition:opacity .35s;display:grid}.step.done,.step.active{opacity:1}.ic{border:2px solid #44506a;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-top:2px;display:flex}.step.done .ic{background:var(--pp);border-color:var(--pp)}.step.done .ic:after{content:"";border-bottom:2.5px solid #0b1529;border-left:2.5px solid #0b1529;width:10px;height:6px;transform:rotate(-45deg)translate(1px,-1px)}.step.active .ic{border-color:var(--ai);border-top-color:#0000;animation:.9s linear infinite spin}.step.wait .ic{border-style:dashed}@keyframes spin{to{transform:rotate(360deg)}}.step .nm{font-size:16px;font-weight:600}.step .ds{color:var(--mu);margin-top:3px;font-size:13.5px;line-height:1.35}.lane{letter-spacing:.1em;text-transform:uppercase;border-radius:5px;height:fit-content;margin-top:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.l-sc{color:var(--sc);background:#9fb3d91f}.l-ai{color:var(--ai);background:#d8b46e21}.l-pp{color:var(--pp);background:#7fcf981f}.ts{font:12.5px var(--mono);color:#6f7a90;text-align:right;margin-top:6px}.trace{border:1px solid var(--line);font:12.5px/1.65 var(--mono);color:#7d879b;background:#08101f;border-radius:10px;height:150px;padding:12px 14px;position:absolute;bottom:18px;left:22px;right:22px;overflow:hidden}.trace .k{color:#aeb8cc}.trace .g{color:var(--pp)}.trace .y{color:var(--ai)}.msg{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:16px 18px}.mh{align-items:center;gap:12px;display:flex}.mav{color:#d6def0;background:#2a3b61;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex}.mh b{font-size:16px}.mh span{color:var(--mu);margin-top:1px;font-size:13px;display:block}.mh .src{color:var(--sc);border:1px solid #9fb3d94d;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px}.body{color:#d7deeb;margin-top:12px;font-size:15.5px;line-height:1.55}.body mark{color:#f1dfb8;background:#d8b46e2e;border-radius:3px;padding:0 2px}.fields{margin-top:16px}.fr{border-top:1px solid var(--line);opacity:.25;grid-template-columns:130px 1fr auto;align-items:center;gap:10px;padding:10px 0;font-size:15px;transition:opacity .35s;display:grid}.fr.on{opacity:1}.fr .k{color:var(--mu);font-size:13.5px}.fr .v{font-weight:500}.ok{color:var(--pp);font-size:12.5px;font-weight:600}.warn{color:var(--ai);font-size:12.5px;font-weight:600}.to{color:var(--mu);border-bottom:1px solid var(--line);padding-bottom:10px;font-size:13.5px}.to b{color:#cbd5ea;font-weight:500}.ed{color:#eef1f7;white-space:pre-wrap;min-height:300px;padding:16px 2px;font-size:16.5px;line-height:1.62}.caret{background:var(--ai);vertical-align:-4px;width:2px;height:20px;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.drafting{color:var(--ai);align-items:center;gap:8px;font-size:13px;display:flex}.drafting i{background:var(--ai);border-radius:50%;width:6px;height:6px;animation:1s infinite bob}.drafting i:nth-child(2){animation-delay:.15s}.drafting i:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{opacity:.25}50%{opacity:1}}.checks{border-top:1px solid var(--line);padding-top:12px}.ck{color:#cbd5ea;opacity:.25;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;transition:opacity .35s;display:flex}.ck.on{opacity:1}.ck .b{border:1.5px solid var(--pp);background:#7fcf982e;border-radius:5px;flex:none;width:18px;height:18px;margin-top:1px;position:relative}.ck .b:after{content:"";border-left:2px solid var(--pp);border-bottom:2px solid var(--pp);width:7px;height:4px;position:absolute;top:3px;left:4px;transform:rotate(-45deg)}.ck small{color:var(--mu);margin-top:1px;font-size:12.5px;display:block}.btns{align-items:center;gap:12px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.btn{font:600 15px var(--sans);color:#dfe5f0;background:0 0;border:1.5px solid #ffffff2e;border-radius:10px;padding:13px 20px}.btn.pri{background:var(--pp);border-color:var(--pp);color:#0b1529;opacity:.35;transition:opacity .3s}.btn.pri.ready{opacity:1;animation:1.8s infinite glow}@keyframes glow{0%{box-shadow:0 0 #7fcf988c}70%{box-shadow:0 0 0 12px #7fcf9800}to{box-shadow:0 0 #7fcf9800}}.btns .note{color:var(--mu);margin-left:auto;font-size:13px}@media (prefers-reduced-motion:reduce){.dot,.step.active .ic,.caret,.drafting i,.btn.pri.ready{animation:none}}
