:root{color-scheme:dark;background:#090b10}body{margin:0}#reactor-horizon{max-width:1200px;margin:auto}

#reactor-horizon{--rh-bg:light-dark(#e9edf0,#090b10);--rh-panel:light-dark(#f4f6f8,#10131b);--rh-text:light-dark(#182235,#e7eaf4);--rh-muted:light-dark(#546075,#95a0b5);--rh-line:light-dark(#c5cdd8,#282d3c);--rh-accent:light-dark(#603dde,#b9a0ff);font:14px/1.5 Arial,sans-serif;background:var(--rh-bg);color:var(--rh-text);padding:0 28px 20px}
#reactor-horizon *{box-sizing:border-box}
#reactor-horizon button{font:inherit;min-height:44px;cursor:pointer}
#reactor-horizon button:disabled{opacity:.5;cursor:default}
#reactor-horizon header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--rh-line)}
#reactor-horizon .rh-brand{font-size:19px;letter-spacing:4px;font-weight:500}
#reactor-horizon .rh-brand span{color:var(--rh-accent)}
#reactor-horizon .rh-label{font:11px/1.5 ui-monospace,monospace;letter-spacing:1px;color:var(--rh-muted)}
#reactor-horizon .rh-badge{border:1px solid var(--rh-line);border-radius:20px;padding:6px 11px;white-space:nowrap}
#reactor-horizon .rh-intro{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:29px 0 25px}
#reactor-horizon h1{font-size:clamp(34px,5vw,58px);line-height:1.05;letter-spacing:-2.5px;font-weight:400;margin:12px 0 0}
#reactor-horizon h1 em{font-family:Georgia,serif;color:var(--rh-accent)}
#reactor-horizon .rh-tagline{max-width:245px;margin:0;color:var(--rh-muted);font-size:13px;line-height:1.7}
#reactor-horizon .rh-stage{position:relative;background:#050710;border:1px solid #262b40;border-radius:10px;overflow:hidden;color:#e8eaf5}
#reactor-horizon canvas{display:block;width:100%;height:410px;cursor:grab;touch-action:pan-y}
#reactor-horizon canvas:active{cursor:grabbing}
#reactor-horizon .rh-overlay{position:absolute;pointer-events:none;left:20px;right:20px;top:18px;display:flex;justify-content:space-between;gap:15px;font:11px/1.5 ui-monospace,monospace;color:#a2aec6}
#reactor-horizon .rh-overlay b{color:#b1f3de;font-weight:400}
#reactor-horizon .rh-scene-bottom{position:absolute;left:20px;right:20px;bottom:17px;display:flex;align-items:end;justify-content:space-between;pointer-events:none;gap:10px;font:11px ui-monospace,monospace;color:#a2aec6}
#reactor-horizon .rh-camera{display:flex;flex-wrap:wrap;gap:4px;pointer-events:auto}
#reactor-horizon .rh-camera button{border:1px solid #354056;background:#101526;color:#c1cce3;border-radius:5px;padding:5px 10px;font-size:11px}
#reactor-horizon .rh-camera button[aria-pressed=true]{background:#31284c;border-color:#a98aee;color:#ece4ff}
#reactor-horizon .rh-pipeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:13px;gap:8px}
#reactor-horizon .rh-step{padding:13px 12px;border-bottom:2px solid var(--rh-line);color:var(--rh-muted);font-size:12px}
#reactor-horizon .rh-step span{font:11px ui-monospace,monospace;margin-right:7px}
#reactor-horizon .rh-step.active{color:var(--rh-accent);border-color:var(--rh-accent)}
#reactor-horizon .rh-data{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:20px;padding:25px 0}
#reactor-horizon .rh-stat strong{display:block;font-size:28px;font-weight:400;letter-spacing:-1px;margin:7px 0;font-variant-numeric:tabular-nums}
#reactor-horizon .rh-stat small{display:block;color:var(--rh-muted);font-size:12px}
#reactor-horizon .rh-ready{margin-bottom:10px;display:flex;justify-content:space-between;gap:6px}
#reactor-horizon .rh-action-note{font-size:11px;color:var(--rh-muted);margin-top:8px}
#reactor-horizon .rh-log{border-top:1px solid var(--rh-line);padding-top:17px}
#reactor-horizon .rh-log-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}
#reactor-horizon .rh-log-head h2{font-size:13px;font-weight:400;margin:0}
#reactor-horizon footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:20px;font:11px ui-monospace,monospace;color:var(--rh-muted)}
#reactor-horizon .rh-message{min-height:20px;color:var(--rh-muted);font:12px/1.6 ui-monospace,monospace;margin:10px 0 0}
@media(max-width:620px){#reactor-horizon{padding:0 14px 18px}#reactor-horizon header{gap:8px}#reactor-horizon .rh-brand{font-size:14px;letter-spacing:2px}#reactor-horizon .rh-badge{font-size:10px}#reactor-horizon .rh-intro{display:block}#reactor-horizon .rh-tagline{max-width:none;margin-top:16px}#reactor-horizon canvas{height:310px}#reactor-horizon .rh-data{grid-template-columns:1fr 1fr}#reactor-horizon .rh-controls{grid-column:1/-1}#reactor-horizon .rh-step{font-size:11px;padding:10px 2px}#reactor-horizon .rh-step span{display:block}#reactor-horizon .rh-scene-bottom{left:10px;right:10px}#reactor-horizon .rh-drag{display:none}#reactor-horizon .rh-overlay{left:10px;right:10px;font-size:10px}#reactor-horizon .rh-row{grid-template-columns:65px 1fr 1fr;font-size:10px}}
#reactor-horizon .rh-empty{padding:15px 0;color:var(--rh-muted);font:12px/1.6 ui-monospace,monospace}