:root{--runtime-bg:#061522;--runtime-panel:#081a29;--runtime-panel-2:#0a1e30;--runtime-text:#f4f7fb;--runtime-muted:#9fb1c2;--runtime-line:rgba(154,184,208,.16);--runtime-teal:#5cc9c2;--runtime-gold:#d7a247;--runtime-red:#e27979;--runtime-green:#76c69b}
.runtime-main{background:radial-gradient(circle at 50% 0,rgba(20,72,109,.22),transparent 28%),var(--runtime-bg);color:var(--runtime-text);min-height:100vh}
.runtime-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.72fr);gap:38px;padding-top:58px;padding-bottom:38px;align-items:start}
.runtime-hero h1{margin:8px 0 18px;max-width:900px;font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.045em;color:#fff}
.runtime-hero .eyebrow,.runtime-explain .eyebrow{color:#83a0b8}.hero-copy{max-width:820px;color:#b5c4d1;font-size:17px;line-height:1.72}.runtime-actions{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.runtime-actions .button{cursor:pointer}
.runtime-contract{border:1px solid var(--runtime-line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));padding:22px}.runtime-contract>span{font-size:11px;letter-spacing:.14em;color:#87a0b4}.runtime-contract dl{margin:16px 0 14px}.runtime-contract dl div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--runtime-line)}.runtime-contract dt{color:var(--runtime-muted);font-size:13px}.runtime-contract dd{margin:0;color:#eef4f8;font-size:13px;font-weight:700;text-align:right}.runtime-contract p{margin:12px 0 0;color:#8fa3b4;font-size:12.5px;line-height:1.58}
.runtime-strip{border-top:1px solid var(--runtime-line);border-bottom:1px solid var(--runtime-line);background:#06111c}.strip-grid{display:grid;grid-template-columns:repeat(7,1fr)}.strip-grid div{min-width:0;padding:16px 14px;border-right:1px solid var(--runtime-line)}.strip-grid div:first-child{padding-left:0}.strip-grid div:last-child{border-right:0}.strip-grid span{display:block;color:#7891a6;font-size:10px;letter-spacing:.12em}.strip-grid b{display:block;margin-top:5px;color:#e8f0f6;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip-grid b[data-state="running"]{color:var(--runtime-teal)}.strip-grid b[data-state="blocked"]{color:var(--runtime-red)}.strip-grid b[data-state="eligible"],.strip-grid b[data-state="complete"]{color:var(--runtime-green)}
.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr);gap:20px;padding-top:28px;padding-bottom:52px}.workspace-left,.workspace-right{display:grid;gap:20px;align-content:start}.runtime-panel{border:1px solid var(--runtime-line);border-radius:18px;background:linear-gradient(180deg,rgba(9,29,46,.96),rgba(6,21,34,.98));padding:22px;overflow:hidden}.panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}.panel-title>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.05);color:#9bb0c1;font-size:11px;font-weight:800;flex:0 0 auto}.panel-title p{margin:0;color:#7790a6;font-size:10px;letter-spacing:.13em}.panel-title h2{margin:3px 0 0;font-size:19px;color:#f7f9fb}.field-label{display:block;margin-bottom:7px;color:#9db0c1;font-size:12px;font-weight:700}.goal-panel textarea{width:100%;resize:vertical;min-height:138px;border:1px solid rgba(168,194,214,.22);border-radius:12px;background:#05131f;color:#eaf1f6;padding:14px;font:inherit;font-size:14px;line-height:1.55;outline:none}.goal-panel textarea:focus{border-color:rgba(92,201,194,.7);box-shadow:0 0 0 3px rgba(92,201,194,.08)}
.sandbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.sandbox-grid>label:not(.check-row){display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border:1px solid var(--runtime-line);border-radius:11px;background:rgba(255,255,255,.015);font-size:12px;color:#c2d0db}.sandbox-grid output{color:#fff;font-weight:800}.sandbox-grid input[type="range"]{grid-column:1/-1;width:100%;accent-color:var(--runtime-teal)}.check-row{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 12px;border:1px solid var(--runtime-line);border-radius:11px;color:#b8c7d2;font-size:12px}.check-row input{width:17px;height:17px;accent-color:var(--runtime-teal)}.panel-actions{display:flex;justify-content:space-between;gap:12px;margin-top:15px}.text-button{border:0;background:transparent;color:#90a8ba;font-size:12px;font-weight:700;cursor:pointer;padding:8px 0}.text-button:hover{color:#fff}.text-button:disabled{opacity:.38;cursor:not-allowed}
.agent-graph{display:grid;gap:9px}.graph-row{display:grid;grid-template-columns:126px 1fr 92px;gap:10px;align-items:center;padding:11px 12px;border:1px solid var(--runtime-line);border-radius:11px;background:rgba(255,255,255,.012)}.graph-agent{font-size:12px;font-weight:800;color:#dce7ef}.graph-copy{min-width:0}.graph-copy b{display:block;color:#dfe8ef;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.graph-copy small{display:block;margin-top:2px;color:#748ea4;font-size:10.5px}.graph-status{text-align:right;font-size:10px;letter-spacing:.08em;color:#738ca0}.graph-row[data-status="running"]{border-color:rgba(92,201,194,.38);background:rgba(92,201,194,.04)}.graph-row[data-status="running"] .graph-status{color:var(--runtime-teal)}.graph-row[data-status="passed"] .graph-status{color:var(--runtime-green)}.graph-row[data-status="blocked"] .graph-status,.graph-row[data-status="failed"] .graph-status{color:var(--runtime-red)}.graph-row[data-status="waiting"]{opacity:.66}
.trace-head{display:grid;grid-template-columns:1fr 116px 76px;gap:10px;padding:0 10px 7px;color:#658096;font-size:9px;letter-spacing:.12em}.event-trace{display:grid;gap:7px;max-height:560px;overflow:auto;padding-right:4px}.trace-event{width:100%;display:grid;grid-template-columns:1fr 116px 76px;gap:10px;text-align:left;border:1px solid var(--runtime-line);border-radius:10px;background:rgba(255,255,255,.012);padding:10px;color:inherit;cursor:pointer}.trace-event:hover,.trace-event:focus-visible{border-color:rgba(157,190,215,.35);outline:none}.trace-event.active{border-color:rgba(92,201,194,.45);background:rgba(92,201,194,.035)}.trace-event strong{display:block;font-size:11.5px;color:#e5edf3;font-weight:700}.trace-event small{display:block;margin-top:2px;color:#6d879d;font-size:9.5px}.trace-actor{font-size:10.5px;color:#9fb2c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trace-status{font-size:9.5px;text-align:right;font-weight:800;letter-spacing:.05em}.trace-status.passed,.trace-status.complete{color:var(--runtime-green)}.trace-status.failed,.trace-status.blocked{color:var(--runtime-red)}.trace-status.running{color:var(--runtime-teal)}.trace-status.info{color:#9baec0}
.inspector-empty{padding:18px;border:1px dashed rgba(159,185,205,.22);border-radius:11px;color:#8299ab;font-size:12.5px;line-height:1.65}.inspector-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.inspector-summary div{padding:9px;border:1px solid var(--runtime-line);border-radius:9px}.inspector-summary span{display:block;color:#688399;font-size:8.5px;letter-spacing:.12em}.inspector-summary b{display:block;margin-top:4px;color:#dce7ee;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector pre{margin:0;max-height:350px;overflow:auto;padding:14px;border-radius:10px;background:#04101a;border:1px solid rgba(155,185,207,.14);color:#b9cbd8;font-size:10.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.specialist-registry{display:grid;gap:8px}.specialist-card{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 11px;border:1px solid var(--runtime-line);border-radius:10px}.specialist-card b{font-size:11.5px;color:#dbe6ee}.specialist-card p{grid-column:1/-1;margin:2px 0 0;color:#748da2;font-size:10px;line-height:1.4}.specialist-card span{font-size:9px;color:#8fa6b8}.registry-score{font-weight:800;color:#c8d5df}
.gate-state{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:13px}.gate-state div{padding:12px;border:1px solid var(--runtime-line);border-radius:10px}.gate-state span{display:block;color:#728da2;font-size:9px;letter-spacing:.11em}.gate-state b{display:block;margin-top:5px;color:#ecf3f8;font-size:12px}.gate-panel>p{color:#8fa5b6;font-size:12px;line-height:1.55}.gate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.gate-actions .button{cursor:pointer}.gate-actions .button:disabled{opacity:.38;cursor:not-allowed;transform:none}
.runtime-explain{padding-bottom:64px}.runtime-explain>div:first-child{display:grid;grid-template-columns:.55fr 1.45fr;gap:30px;align-items:start;margin-bottom:22px}.runtime-explain h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.08;color:#f5f8fa}.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.explain-grid article{padding:19px;border-top:1px solid rgba(154,184,208,.23);background:rgba(255,255,255,.012)}.explain-grid span{font-size:10px;color:#6f8aa0}.explain-grid h3{margin:9px 0 8px;color:#e9f0f5;font-size:15px}.explain-grid p{margin:0;color:#879eaf;font-size:12.5px;line-height:1.55}
.runtime-next{background:#0b2b3a;color:#fff}.next-grid{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:36px;align-items:center;padding-top:48px;padding-bottom:48px}.runtime-next h2{margin:5px 0 12px;font-size:clamp(28px,4vw,46px);line-height:1.05}.runtime-next p{max-width:820px;color:#c6d9e1;line-height:1.65}.runtime-next .hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:1050px){.strip-grid{grid-template-columns:repeat(4,1fr)}.strip-grid div:nth-child(4){border-right:0}.strip-grid div:nth-child(n+5){border-top:1px solid var(--runtime-line)}.workspace{grid-template-columns:1fr}.runtime-explain>div:first-child{grid-template-columns:1fr}.next-grid{grid-template-columns:1fr}.runtime-next .hero-actions{justify-content:flex-start}}
@media(max-width:760px){.runtime-hero{grid-template-columns:1fr;padding-top:34px}.runtime-hero h1{font-size:42px}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip-grid div{border-top:1px solid var(--runtime-line)}.strip-grid div:nth-child(-n+2){border-top:0}.strip-grid div:nth-child(even){border-right:0}.strip-grid div:first-child{padding-left:14px}.sandbox-grid{grid-template-columns:1fr}.graph-row{grid-template-columns:96px 1fr}.graph-status{grid-column:2;text-align:left}.trace-head,.trace-event{grid-template-columns:1fr 92px 62px}.explain-grid{grid-template-columns:1fr}.gate-state{grid-template-columns:1fr}.runtime-panel{padding:17px}.runtime-explain{padding-bottom:42px}}
@media(max-width:430px){.trace-head{display:none}.trace-event{grid-template-columns:1fr 72px}.trace-status{grid-column:2}.trace-actor{grid-row:1 / span 2;grid-column:2;text-align:right}.inspector-summary{grid-template-columns:1fr}.runtime-actions .button,.gate-actions .button{width:100%}}