/* One frame scheduler: finite workflow and a separately paused ambient eye clock. */
.engine-art{animation:none;--signal:#ed9b68;--quiet:#827b71}
.eye{animation:none!important;will-change:auto!important;transform:none!important;object-fit:contain;width:100%;height:100%}
.eye-surface{width:100%;height:100%;position:relative;isolation:isolate}
.eye-wrap{height:144%;top:-32%}
.eye-material,.eye-code{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;mix-blend-mode:lighten}
.has-material[data-eye-style="metal"] .eye-material{opacity:1}.has-material[data-eye-style="metal"] .eye{opacity:0}
.has-code:not([data-eye-style="metal"]) .eye-code{opacity:1}.has-code:not([data-eye-style="metal"]) .eye{opacity:0}
.brand img{object-fit:contain}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.eye-appearance{position:absolute;top:-15%;left:60%;transform:translateX(-50%);z-index:4;display:flex;gap:2px;border:1px solid #464039;border-radius:7px;margin:0;padding:3px;background:#151512}
.eye-appearance label{position:relative;cursor:pointer}
.eye-appearance input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.eye-appearance span{display:flex;align-items:center;justify-content:center;min-width:66px;min-height:44px;padding:0 13px;border-radius:4px;font-size:11px;color:#9d9488;transition:background .15s,color .15s}
.eye-appearance input:checked+span{color:#e8d9c4;background:#353027}
.eye-appearance input:focus-visible+span{outline:2px solid #ee8255;outline-offset:3px}
.eye-appearance label:hover span{color:#f1e8dc}
.eye,.eye-material{mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 10%,#000 92%,transparent);mask-composite:intersect}
.routes .flow{animation:none!important;stroke-dasharray:none;stroke-dashoffset:0;opacity:0;stroke-width:1.25;stroke:#efb282;filter:drop-shadow(0 0 3px #de764855)}
.routes .route{stroke:#8f7d68;opacity:.27;stroke-width:.8}
.junctions{opacity:0}.signal-node{fill:#f4bd94;stroke:#e5814e;stroke-width:1.2;filter:drop-shadow(0 0 4px #ec965577)}
.agent{position:relative;transition:color .32s ease,opacity .32s ease;min-height:56px}
.agent:hover{transform:none}.agent img{transition:opacity .32s ease,filter .32s ease}
.agent[aria-pressed="true"]{color:#f0bc96}.agent[aria-pressed="true"] small{color:#c5aa92}
.agent[aria-pressed="true"] img{opacity:1;filter:sepia(.4) saturate(1.3) brightness(1.25)}
.engine-art[data-stage="researcher"] .agent:not([data-agent="researcher"]),.engine-art[data-stage="operator"] .agent:not([data-agent="operator"]),.engine-art[data-stage="publisher"] .agent:not([data-agent="publisher"]){opacity:.72}
.agent:after{content:"";position:absolute;left:57px;right:10px;bottom:0;height:1px;background:linear-gradient(90deg,#cc8455,transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1)}
.agent[aria-pressed="true"]:after{transform:scaleX(1)}
.shared-output{display:flex;flex-direction:column;align-items:flex-start;gap:10px;top:35%;width:13%;max-width:175px;line-height:1.45}
.shared-output .output-kicker{font-size:9px;letter-spacing:.11em;color:#a39787;line-height:1.7}
.shared-output strong{font-family:DisplaySerif,Georgia,serif;font-size:26px;line-height:1.05;font-weight:400;letter-spacing:-.02em}
.shared-output #engine-detail{font-size:11px;line-height:1.65;color:#b0a292;max-width:160px}
.engine-caption{position:absolute;bottom:12px;left:0;display:flex;align-items:center;gap:14px;font-size:11px;color:#b5a493;line-height:1.5}
#engine-mode{font-size:9px;letter-spacing:.13em;color:#9a8f7f;border-right:1px solid #484039;padding-right:14px}
.motion-controls{bottom:0;display:flex;gap:18px;align-items:center}
.motion-controls button{min-width:44px;min-height:44px;padding:10px 0;font-size:10px;gap:6px;color:#a49b8f}
.motion-controls button:disabled{opacity:.4;cursor:default}
.motion-controls img{width:12px;height:12px}
.engine-art[data-mode="live"] #engine-mode{color:#d4a780}
.engine-art[data-stage="completed"] #engine-title{color:#d4c2aa}
.engine-art[data-stage="failed"] #engine-title{color:#cd947a}
@media(min-width:761px) and (max-width:1100px){
 .eye-appearance{top:-13%;left:67%}
 .shared-output{top:76%;right:8%;width:45%;max-width:350px;gap:4px;flex-direction:row;flex-wrap:wrap;align-items:baseline}
 .shared-output .output-kicker{display:none}.shared-output strong{font-family:Inter,Arial,sans-serif;font-size:12px;margin-right:7px}
 .shared-output #engine-detail{font-size:10px;max-width:240px}
 .engine-caption{bottom:2px;font-size:9px;gap:10px}#engine-mode{font-size:7px;padding-right:10px}
}
@media(max-width:760px){
 .engine-art{height:360px}.eye-wrap{height:54%;top:38px}
 .eye-appearance{top:0;left:50%;padding:2px}.eye-appearance span{min-height:44px;min-width:68px;font-size:11px}
 .agent-labels{bottom:50px}.agent{min-height:76px}
 .agent:after{left:14%;right:14%;bottom:0}.agent[aria-pressed="true"]:after{transform:scaleX(.65)}
 .shared-output{display:none}
 .engine-caption{bottom:0;left:0;right:0;justify-content:center;flex-direction:column;gap:3px;font-size:11px;min-height:44px}
 #engine-mode{font-size:8px;padding-right:0;border:0;letter-spacing:.1em}
 .motion-controls{bottom:-44px;gap:16px;right:0}.motion-controls button{padding:8px 0;min-height:44px;font-size:9px}
 .mobile-inspect{font-size:10px}.mobile-inspect img{width:12px}
}
@media(max-width:350px){.engine-caption{font-size:10px;gap:3px}#engine-mode{font-size:8px}.motion-controls{gap:10px}.mobile-inspect{font-size:9px}}
@media(prefers-reduced-motion:reduce){.agent,.agent img,.agent:after{transition:none}.intro,.audit-form,.engine-art{animation:none!important}}