.ops-root{--ops-bg:#000;--ops-surface:#0a0a0b;--ops-surface-2:#111113;--ops-border:#ffffff14;--ops-line:#dc262659;--ops-line-strong:#dc2626b3;--ops-grid:#ffffff09;--ops-red:var(--brand-red);--ops-red-hover:var(--brand-red-hover);--ops-muted:#a1a1aa;--ops-dim:#71717a;background:var(--ops-bg);color:#fafafa;overflow-x:clip}.ops-mono{font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.14em}.ops-grid-bg{background-image:linear-gradient(var(--ops-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ops-grid) 1px, transparent 1px);background-position:top;background-size:48px 48px}.ops-grid-fade{-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 30%,#0000 85%)}.ops-glow{background:radial-gradient(50% 45%,#dc262629 0%,#dc26260d 45%,#0000 75%)}.ops-panel{background:linear-gradient(180deg, var(--ops-surface-2) 0%, var(--ops-surface) 100%);border:1px solid var(--ops-border)}.ops-frame{position:relative}.ops-frame:before,.ops-frame:after{content:"";pointer-events:none;border-color:var(--ops-line-strong);border-style:solid;width:14px;height:14px;position:absolute}.ops-frame:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.ops-frame:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.ops-card{transition:border-color .3s,background-color .3s,transform .3s}.ops-card:hover{border-color:var(--ops-line);transform:translateY(-2px)}.ops-rule{background:linear-gradient(90deg, transparent, var(--ops-line-strong), transparent);height:1px}@keyframes opsScan{0%{opacity:0;transform:translateY(-10%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(1100%)}}.ops-scanline{inset-inline:0;pointer-events:none;background:linear-gradient(#0000 0%,#dc262606 70%,#ef444417 100%);border-bottom:1px solid #ef44441f;height:9%;animation:11s linear infinite opsScan;position:absolute;top:0}@keyframes opsBlink{0%,49%{opacity:1}50%,to{opacity:0}}.ops-cursor{vertical-align:-.12em;background:var(--ops-red);width:.55em;height:1em;margin-left:.2em;animation:1.2s step-end infinite opsBlink;display:inline-block}@keyframes opsPing{0%{opacity:.55;transform:scale(1)}80%,to{opacity:0;transform:scale(2.6)}}.ops-status-dot{background:var(--ops-red);border-radius:9999px;width:7px;height:7px;display:inline-block;position:relative}.ops-status-dot:after{content:"";border-radius:inherit;background:var(--ops-red);animation:2.8s ease-out infinite opsPing;position:absolute;inset:0}@keyframes opsSpin{to{transform:rotate(360deg)}}.ops-spin,.ops-spin-rev,.ops-sweep{transform-box:view-box;transform-origin:50%}.ops-spin{animation:60s linear infinite opsSpin}.ops-spin-rev{animation:90s linear infinite reverse opsSpin}.ops-sweep{animation:14s linear infinite opsSpin}@keyframes opsDashFlow{to{stroke-dashoffset:-120px}}.ops-dash-flow{stroke-dasharray:3 21;animation:6s linear infinite opsDashFlow}@keyframes opsNodePulse{0%,to{opacity:.35}50%{opacity:.9}}.ops-node-pulse{animation:4.5s ease-in-out infinite opsNodePulse}@keyframes opsBarShimmer{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ops-bar{position:relative;overflow:hidden}.ops-bar:after{content:"";width:40%;animation:3.6s ease-in-out infinite opsBarShimmer;animation-delay:var(--ops-delay,0s);background:linear-gradient(90deg,#0000,#ffffff47,#0000);position:absolute;inset:0}@keyframes opsFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ops-fade-up{animation:.5s ease-out both opsFadeUp}@keyframes opsLineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.ops-log-line{animation:.6s ease-out both opsLineIn}@keyframes opsGauge{0%{stroke-dashoffset:var(--ops-gauge-circumference)}}.ops-gauge{animation:2.4s ease-out both opsGauge}@keyframes opsFlowPulse{0%{opacity:0;left:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.ops-flow-pulse{background:var(--ops-red-hover);border-radius:9999px;width:6px;height:6px;margin-top:-3px;margin-left:-3px;animation:5s linear infinite opsFlowPulse;position:absolute;top:50%;box-shadow:0 0 10px #ef4444cc}@keyframes opsFlowPulseY{0%{opacity:0;top:0%}10%{opacity:1}90%{opacity:1}to{opacity:0;top:100%}}.ops-flow-pulse-y{background:var(--ops-red-hover);border-radius:9999px;width:6px;height:6px;margin-left:-3px;animation:6s linear infinite opsFlowPulseY;position:absolute;left:50%;box-shadow:0 0 10px #ef4444cc}@supports (animation-timeline:view()){@keyframes opsReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ops-reveal{animation:linear both opsReveal;animation-timeline:view();animation-range:entry entry 35%}}@media (prefers-reduced-motion:reduce){.ops-scanline,.ops-bar:after,.ops-flow-pulse,.ops-flow-pulse-y{display:none}.ops-cursor,.ops-status-dot:after,.ops-spin,.ops-spin-rev,.ops-sweep,.ops-dash-flow,.ops-node-pulse,.ops-fade-up,.ops-log-line,.ops-gauge,.ops-reveal{animation:none!important}.ops-status-dot:after{opacity:0}.ops-card,.ops-card:hover{transition:border-color .2s;transform:none}}
