:root{--ink:#0a1020;--muted:#697386;--line:#dce2ea;--blue:#174fd6;--blue2:#5a8eff;--green:#00a66a;--red:#d92d45;--paper:#f8fafc;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#cdd3db;color:var(--ink);font-family:Inter,system-ui,sans-serif}body{display:grid;place-items:center;min-height:100vh;overflow-x:hidden}.machine{width:min(100vw,calc(100vh * 16 / 9),1920px);height:min(100vh,1080px);min-height:680px;background:#fff;display:grid;grid-template-rows:72px 42px minmax(0,1fr) 48px;overflow:hidden;box-shadow:0 25px 80px #2430443d}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f7f9fc)}.brand-block{display:flex;align-items:center;gap:12px;min-width:450px}.brand-mark{width:34px;height:34px;background:linear-gradient(145deg,#68a0ff,#164bc7);color:#fff;display:grid;place-items:center;border-radius:6px;font:600 18px var(--mono);box-shadow:0 3px 9px #174fd64d}.brand-block h1{font:500 19px/1.1 var(--mono);margin:0;letter-spacing:-.7px}.brand-block h1 em{font-family:'Playfair Display',serif;font-weight:500;color:#2e4c80}.micro,.eyebrow,.panel-head small,.stats span,.loop-metrics span,.chart-stats span{font:500 8px/1.2 var(--mono);letter-spacing:.11em}.brand-sub{color:#8c95a4;margin-top:6px}.stats{align-self:stretch;display:flex;align-items:center;gap:24px}.stats>div:not(.clock){display:flex;flex-direction:column;gap:5px}.stats span{color:#778091}.stats strong{font:500 13px var(--mono)}.stats .green,.green{color:var(--green)!important}.stats .red,.red{color:var(--red)!important}.blue{color:var(--blue)!important}.spark{width:90px;height:30px;overflow:visible}.spark path:first-child{fill:none;stroke:#263954;stroke-width:1.5}.spark-fill{fill:#3974ef11}.clock{padding-left:18px;border-left:1px solid var(--line);text-align:right}.clock strong{display:block;font:500 17px var(--mono);letter-spacing:.08em}.clock span{color:var(--green);font-size:7px}.pipeline{display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:#f8fafc;gap:4px}.pipeline button{height:100%;padding:0 24px;border:0;border-bottom:2px solid transparent;background:transparent;color:#7b8494;font:500 8px var(--mono);letter-spacing:.12em;cursor:pointer;transition:.25s}.pipeline button b{color:#a8b0bd;margin-right:5px}.pipeline button.active{background:linear-gradient(180deg,#edf3ff,#fff);border-bottom-color:var(--blue);color:var(--blue);box-shadow:inset 0 0 22px #3b78ed12}.pipeline i{font-style:normal;color:#c4cad3;font-size:9px}.workspace{display:grid;grid-template-columns:1fr 1fr;min-height:0}.panel{min-width:0;min-height:0;display:grid;background:#fff}.loop-panel{grid-template-rows:53px 1fr 49px;border-right:1px solid #cfd6df}.chart-panel{grid-template-rows:53px 26px 1fr 49px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fafbfd)}.panel-head>div:first-child{display:flex;flex-direction:column;gap:5px}.eyebrow{font-size:9px;color:#15213a}.panel-head small{font-size:7px;color:#8b94a2}.head-actions{display:flex;align-items:center;gap:7px}.status-pill,.paper-pill{padding:6px 10px;border:1px solid #cdd6e4;border-radius:15px;color:#59667c;font:500 7px var(--mono);letter-spacing:.1em;background:#fff}.paper-pill{color:#078459;border-color:#bde9d8;background:#f1fff8}.icon-button,.interval{border:1px solid #d8dfe8;background:#fff;color:#59667c;font:500 8px var(--mono);height:25px;padding:0 9px;border-radius:3px;cursor:pointer}.interval.active{color:#fff;background:var(--blue);border-color:var(--blue)}.orbit-wrap{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at center,#f2f6ff 0,#fff 48%)}.orbit-art{display:block;width:min(100%,610px);height:100%;margin:auto;overflow:visible}.ticks{fill:none;stroke:#9ba7b7;stroke-width:13;stroke-dasharray:.7 11;opacity:.42}.orbit-faint{fill:none;stroke:#cbd4e1;stroke-width:1;stroke-dasharray:3 8}.orbit-faint.inner{stroke-dasharray:1 6}.progress-ring{fill:none;stroke:url(#arcGradient);stroke-width:5;stroke-dasharray:62 38;stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;filter:url(#glow);opacity:.85;transition:stroke-dashoffset .7s ease}.core-shadow{fill:#4077df16}.core{fill:#080f21}.core-outline{fill:none;stroke:#1b52ca;stroke-width:2}.core-number{fill:#fff;font:300 62px 'Playfair Display',serif}.core-label{fill:#6993fa;font:500 10px var(--mono);letter-spacing:.18em}.core-rule{stroke:#244988;stroke-width:1}.core-detail{fill:#61708e;font:400 7px var(--mono);letter-spacing:.12em}.stage-node .node-halo{fill:#2f6bea20;stroke:#2d64d2;stroke-width:1;opacity:0;transition:.35s}.stage-node .node{fill:#fff;stroke:#697b94;stroke-width:2;transition:.35s}.stage-node text{fill:#526177;font:500 8px var(--mono);pointer-events:none}.stage-node.active .node-halo{opacity:1}.stage-node.active .node{fill:var(--blue);stroke:#0a379c;stroke-width:4;filter:url(#glow)}.stage-node.active text{fill:#fff}.stage-node.done .node{stroke:var(--blue)}#runner{fill:#74a5ff;filter:url(#glow);transition:cx .7s cubic-bezier(.4,0,.2,1),cy .7s cubic-bezier(.4,0,.2,1)}.flow-arrow{fill:var(--blue);opacity:.45}.orbit-label{position:absolute;width:135px;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.orbit-label strong{display:block;font:600 11px var(--mono);letter-spacing:.08em}.orbit-label span{display:block;margin-top:5px;color:#7d8796;font:400 8px var(--mono)}.orbit-label.active strong{color:var(--blue)}.loop-metrics,.chart-stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px;background:#fafbfd}.loop-metrics>div,.chart-stats>div{display:flex;flex-direction:column;justify-content:center;gap:5px}.loop-metrics span,.chart-stats span{color:#8d96a5;font-size:7px}.loop-metrics strong,.chart-stats strong{font:500 10px var(--mono)}.chart-meta{display:flex;align-items:center;gap:18px;padding:0 18px;background:#fbfcfe;border-bottom:1px solid #edf0f4;color:#5d6879;font:400 7px var(--mono)}.chart-wrap{position:relative;min-height:0;overflow:hidden;background:linear-gradient(#fff,#fdfefe)}#chart{width:100%;height:100%;display:block}.watermark{position:absolute;inset:0;display:grid;place-items:center;color:#0a1a3510;font:600 clamp(30px,5vw,80px) var(--mono);letter-spacing:.18em;transform:rotate(-18deg);pointer-events:none}.pnl-toast{position:absolute;left:50%;top:43%;transform:translate(-50%,-50%) scale(.8);display:flex;flex-direction:column;align-items:center;gap:4px;background:#08101f;color:#fff;border:1px solid #1c3356;border-radius:3px;padding:11px 34px;box-shadow:0 10px 35px #05132c55;opacity:0;transition:.35s}.pnl-toast.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.pnl-toast small{color:#7ca5f4;font:500 7px var(--mono);letter-spacing:.1em}.pnl-toast strong{font:400 21px var(--mono)}.chart-stats{grid-template-columns:repeat(6,1fr)}.terminal-bar{display:flex;align-items:center;gap:22px;padding:0 10px;background:#080f1e;color:#dfe7f4;border-top:2px solid #1f3151;overflow:hidden;font:400 8px var(--mono)}.terminal-stage{align-self:stretch;display:flex;align-items:center;padding:0 15px;margin-left:-10px;background:#17213a;border-right:1px solid #31405d;color:#fff;font-weight:500;letter-spacing:.1em}.term-stat{white-space:nowrap;color:#77849a}.term-stat b{color:#e4eaf4}.terminal-log{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8794a9}.terminal-log .amber{color:#ffbf3e}.terminal-log i{display:inline-block;width:5px;height:10px;margin-left:4px;background:#5b88ec;vertical-align:middle;animation:blink 1s steps(1) infinite}.terminal-bar button{border:1px solid #32415b;background:#111a2d;color:#99a8bf;height:27px;padding:0 11px;font:500 7px var(--mono);letter-spacing:.08em;cursor:pointer;white-space:nowrap}@keyframes blink{50%{opacity:0}}@media(max-width:1000px){.machine{min-height:100vh;aspect-ratio:auto;grid-template-rows:auto auto 1fr auto}.topbar{padding:12px 14px}.brand-block{min-width:0}.stats>div:not(.clock),.spark{display:none}.pipeline{overflow-x:auto;padding:0}.pipeline button{min-height:42px;padding:0 13px;white-space:nowrap}.workspace{grid-template-columns:1fr}.loop-panel{border:0;min-height:650px}.chart-panel{min-height:600px;border-top:1px solid #ccd4df}.terminal-bar{position:sticky;bottom:0;height:48px}.term-stat{display:none}}@media(max-width:560px){.brand-block h1{font-size:14px}.brand-sub{display:none}.clock{padding-left:8px}.clock strong{font-size:11px}.loop-panel{min-height:530px;grid-template-rows:53px 1fr 49px}.orbit-label{width:90px}.orbit-label strong{font-size:8px}.orbit-label span{font-size:6px}.chart-panel{min-height:480px}.panel-head{padding:0 10px}.paper-pill{display:none}.terminal-log{display:none}.terminal-bar{justify-content:space-between}.stats{gap:7px}.loop-metrics,.chart-stats{padding:0 9px}.chart-stats{grid-template-columns:repeat(3,1fr);height:70px}.chart-stats>div:nth-child(-n+3){display:none}}