/* The studio is an operating surface: motion mirrors what each helper is doing. */
.scene-live-rail{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 22px;border-bottom:1px solid var(--line-soft);background:linear-gradient(90deg,rgba(201,255,100,.055),rgba(121,199,255,.025) 55%,transparent)}
.scene-live-copy{display:flex;align-items:center;gap:8px;min-width:0;color:#b8c8be;font:10px var(--mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scene-live-copy i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 0 rgba(201,255,100,.4);animation:studioBeacon 1.8s ease-out infinite;flex:none}.scene-live-rail button{border:1px solid #42554a;background:#15221b;color:#b8c8be;border-radius:4px;padding:6px 8px;font:9px var(--mono);white-space:nowrap;transition:border-color .2s,color .2s,background .2s}.scene-live-rail button:hover{border-color:var(--orange);color:#ffd0a9;background:#2a211a}
.scene-canvas{height:396px}.agent{--drift-x:0px;--drift-y:0px;--agent-scale:1;transform:translate3d(var(--drift-x),var(--drift-y),0) scale(var(--agent-scale));transition:transform 1.65s cubic-bezier(.22,.8,.24,1),filter .35s;will-change:transform}.agent:hover,.agent:focus-visible{transform:translate3d(var(--drift-x),calc(var(--drift-y) - 4px),0) scale(1.07)}.agent-halo{position:absolute;z-index:-1;width:42px;height:22px;border-radius:50%;left:50%;top:12px;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(201,255,100,.24),transparent 68%);opacity:.25;transition:opacity .35s,transform .35s}.agent.working .agent-halo,.agent.browsing .agent-halo,.agent.running .agent-halo{opacity:.85;animation:agentHalo 2.3s ease-in-out infinite}.agent.waiting .agent-halo{background:radial-gradient(ellipse,rgba(255,174,112,.24),transparent 68%);opacity:.6}.agent.paused{--agent-scale:.93;filter:saturate(.35) brightness(.75)}.agent.paused .agent-halo{opacity:0;animation:none}.agent.paused .state-marker{background:#829087}.agent.is-focused{z-index:4}.agent.is-focused .agent-halo{opacity:1;transform:translateX(-50%) scale(1.6);background:radial-gradient(ellipse,rgba(201,255,100,.45),transparent 67%)}.agent.is-focused strong{color:var(--lime)}.agent small{position:relative;z-index:1;padding:1px 3px;border-radius:2px;background:rgba(10,16,14,.58)}
.handoff-route{position:absolute;display:block;height:1px;transform-origin:left center;z-index:1;opacity:.72;pointer-events:none}.handoff-route:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(121,199,255,.52),transparent)}.route-ideas{left:35%;top:48%;width:29%;transform:rotate(-15deg)}.route-home{left:57%;top:66%;width:20%;transform:rotate(22deg)}.handoff-route i{position:absolute;top:50%;width:4px;height:4px;margin-top:-2px;border-radius:50%;background:var(--blue);box-shadow:0 0 9px rgba(121,199,255,.85);opacity:0}.route-home i{background:var(--orange);box-shadow:0 0 9px rgba(255,174,112,.85)}.scene-canvas:has(.agent.browsing) .route-ideas i,.scene-canvas:has(.agent.running) .route-home i{animation:handoff 2.9s linear infinite}.scene-canvas:has(.agent.paused) .handoff-route i{animation-play-state:paused}.route-ideas i:nth-child(1),.route-home i:nth-child(1){animation-delay:0s}.route-ideas i:nth-child(2){animation-delay:.95s}.route-ideas i:nth-child(3){animation-delay:1.9s}.route-home i:nth-child(2){animation-delay:1.35s}
.inspector-actions{margin-bottom:10px}.inspector-actions .agent-action-primary{border-color:var(--lime);color:#172312;background:var(--lime)}.agent-interrupt-form{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:8px}.agent-interrupt-form label{grid-column:1/-1;color:#8ea096;font:10px var(--mono)}.agent-interrupt-form input{min-width:0;height:34px;border:1px solid #405248;border-radius:4px;background:#0d1511;color:#e7f0e9;padding:0 9px;font-size:11px;outline:0}.agent-interrupt-form input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,174,112,.08)}.agent-interrupt-form button{border:1px solid #6e4936;border-radius:4px;background:#2a2019;color:#ffc49a;padding:0 9px;font-size:10px}.agent-inspector-hint{color:#788a7f;font-size:10px;line-height:1.45;margin:9px 0 0}
.inspector .artifact{width:100%;border-left:0;border-right:0;border-bottom:0;background:transparent;text-align:left;cursor:pointer}.inspector .artifact:hover span{color:var(--lime)}
@keyframes studioBeacon{70%{box-shadow:0 0 0 6px rgba(201,255,100,0);transform:scale(1.06)}100%{box-shadow:0 0 0 0 rgba(201,255,100,0)}}@keyframes agentHalo{50%{transform:translateX(-50%) scale(1.27);opacity:.45}}@keyframes handoff{0%{left:0;opacity:0}12%{opacity:1}82%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:680px){.scene-live-rail{padding:7px 13px}.scene-live-rail button{font-size:8px}.scene-canvas{height:350px}.scene-live-copy{font-size:9px}.handoff-route{display:none}.agent{transition-duration:1.25s}}
@media(prefers-reduced-motion:reduce){.agent,.agent:hover,.agent:focus-visible{transform:none;transition:none}.agent-halo,.scene-live-copy i,.handoff-route i{animation:none!important}.agent-halo{opacity:.35!important}}