.control-routing{position:absolute;inset:0;width:100%;height:100%;fill:none;pointer-events:none}.route-base{stroke:#8bd0b538;stroke-width:.8}.route-signal{stroke:#b3ffdf;stroke-width:1.7;stroke-dasharray:8 85;animation:control-data 3s linear infinite;opacity:.5}.vision-interface[data-phase="0"] .route-signal{opacity:.15}.vision-interface[data-phase="2"] .route-signal{opacity:.85;animation-duration:1.6s}.vision-interface[data-phase="4"] .route-signal{opacity:.25}.vision-interface .agent-console{bottom:21%;padding:1.1cqw}.agent-console .agent-row{position:relative!important;display:flex!important;gap:.7cqw!important;align-items:center!important;padding:1cqw 0 1.2cqw!important}.agent-row>span{font-size:.72cqw;letter-spacing:.05cqw}.agent-row>span>small{display:block!important;font-size:.52cqw!important;margin-top:.25cqw;color:#719689}.agent-row .agent-state{font:400 .5cqw/1.3 monospace;color:#728d81;margin-left:auto;letter-spacing:.02cqw}.agent-row .agent-meter{position:absolute;bottom:.4cqw;left:1cqw;right:0;height:1px;background:#52756528}.agent-meter>span{display:block;height:100%;width:100%;background:#a1e6c6;transform:scaleX(0);transform-origin:left;transition:transform .15s linear;box-shadow:0 0 5px #b1ffe077}.agent-row.agent-active .agent-state{color:#c4ffe2}.agent-row.agent-active>i{box-shadow:0 0 8px #9de5bd;animation:agent-pulse 1.4s ease-in-out infinite}.agent-row.agent-done .agent-state{color:#90bfa5}.control-direction{top:18%;padding:1.15cqw}.control-direction p{font-size:1.05cqw;line-height:1.65;overflow:hidden;white-space:nowrap}.idea-accept{font-size:.49cqw;color:#7aa590;margin-top:.7cqw;opacity:.5}.vision-interface[data-phase="0"] .control-direction p{animation:control-type 1.8s steps(24) both}.vision-interface:not([data-phase="0"]) .idea-accept{color:#b4eac9;opacity:1}.vision-interface .result-console{top:49%;padding:1cqw;min-height:27%;width:27%;right:4%}.output-state{font-size:.42cqw;color:#82b89d;letter-spacing:.03cqw}.output-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5cqw;margin-top:1cqw}.output-tile{height:7cqw;position:relative;background:#122520;border:1px solid #81b19735;overflow:hidden;opacity:.2;transform:translateY(.4cqw);transition:opacity .7s,transform .7s,border-color .7s}.output-tile>small{position:absolute;bottom:.5cqw;left:.4cqw;font-size:.4cqw;color:#91bba3;letter-spacing:.06cqw}.vision-interface[data-phase="2"] .output-tile,.vision-interface[data-phase="3"] .output-tile,.vision-interface[data-phase="4"] .output-tile{opacity:1;transform:none}.output-tile:nth-child(2){transition-delay:.3s}.output-tile:nth-child(3){transition-delay:.6s}.mini-browser{display:flex;gap:.18cqw;padding:.35cqw;border-bottom:1px solid #729c8233}.mini-browser i{width:.15cqw;height:.15cqw;margin:0;background:#8bab98;box-shadow:none}.mini-code{position:absolute;top:1.3cqw;left:.35cqw;font: .32cqw/1.7 monospace;color:#a0d1b5;overflow:hidden;white-space:nowrap}.mini-code span{display:block;clip-path:inset(0 calc((1 - var(--build,0))*100%) 0 0)}.mini-app{position:absolute;left:.5cqw;right:.5cqw;top:1.4cqw;height:3.7cqw;opacity:0;transform:translateY(.6cqw);transition:opacity .8s,transform .8s}.mini-app>i{display:block;width:1.6cqw;height:1.3cqw;border-radius:.2cqw;margin:0 0 .4cqw;background:linear-gradient(135deg,#b6e7c9,#4e8a69);box-shadow:none}.mini-app>b,.mini-app>span{display:block;height:.2cqw;background:#a1c5ae88;width:80%;margin-bottom:.3cqw}.mini-app>span:last-child{width:50%;background:#5a9c7a}.vision-interface[data-phase="3"] .mini-app,.vision-interface[data-phase="4"] .mini-app{opacity:1;transform:none}.vision-interface[data-phase="3"] .mini-code,.vision-interface[data-phase="4"] .mini-code{opacity:0}.mini-art{position:absolute;inset:.5cqw .5cqw 1.4cqw;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle,#84b99d20,transparent)}.mini-art>span{position:absolute;width:2.7cqw;height:2.7cqw;border:1px solid #aed8b7;transform:rotate(45deg) scale(calc(.2 + var(--build,0)*.8));transition:transform .2s}.mini-art>span:nth-child(2){width:1.8cqw;height:1.8cqw;border-radius:50%;background:#88bb9755;transform:translateX(.6cqw)}.mini-art>span:nth-child(3){width:1cqw;height:1cqw;transform:translate(-.7cqw,.8cqw);background:#c5e9c1}.vision-interface[data-phase="2"] .mini-art{animation:art-assemble 6s ease-in-out infinite}.mini-film{position:absolute;left:.4cqw;right:.4cqw;top:.7cqw;height:4cqw;display:flex;gap:.2cqw;overflow:hidden}.mini-film>span{flex:1;background:radial-gradient(ellipse at 30% 25%,#c6e3adcc,#39715d 45%,#0d291f);transform:translateY(calc((1 - var(--build,0))*110%));transition:transform .25s}.mini-film>span:nth-child(2){background:linear-gradient(150deg,#10271b,#accb9e,#2d5948)}.mini-film>span:nth-child(3){background:radial-gradient(ellipse at 70% 75%,#8fbd8c,#174133 60%)}.mini-film>i{position:absolute;left:0;top:0;bottom:0;height:auto;width:1px;background:#e0ffe3;margin:0;border-radius:0;animation:control-playhead 3s linear infinite}.output-review{position:relative;display:flex;gap:.4cqw;align-items:center;margin-top:.8cqw;padding-top:.65cqw;border-top:1px solid #86b99c25;color:#8bb39a;font-size:.48cqw}.vision-interface[data-phase="3"] .output-review:after{content:'';position:absolute;left:0;top:-1px;height:1px;width:calc(var(--verify,0)*100%);background:#b7f3ce;box-shadow:0 0 5px #b7f3ce}.vision-interface[data-phase="4"] .output-review{color:#c7f3d7}.vision-interface[data-phase="4"] .output-tile{border-color:#a4ddb888;box-shadow:0 0 12px #a6d5b312}.core-task{position:absolute;top:75%;left:35%;width:30%;display:flex;flex-direction:column;align-items:center;gap:.45cqw}.task-kicker{font-size:.45cqw;letter-spacing:.14cqw;color:#8ebaa4}.task-name{font-weight:400;font-size:.65cqw;color:#c3e4d3}.task-rail{height:1px;width:60%;background:#78a18a33;margin-top:.4cqw}.task-rail>i{display:block;margin:0;border-radius:0;width:100%;height:1px;transform:scaleX(var(--run,0));transform-origin:left;background:#ace5c7;box-shadow:0 0 8px #b3f5cd}.control-bottom{display:none}.control-phase-strip{position:absolute;bottom:5%;left:20%;right:20%;padding:1cqw 2cqw;border:1px solid #78ab8f38;border-radius:.5cqw;display:flex;align-items:center;justify-content:space-between;font-size:.55cqw;letter-spacing:.05cqw;color:#60796b;background:#0d1b1e}.control-phase-strip>b{font-weight:400;font-size:.6cqw}.control-phase-strip .phase-current{color:#d5ffe4;text-shadow:0 0 10px #a2e7b6;transition:color .4s}.control-phase-strip .phase-done{color:#91baa0}.vision-interface[data-phase="2"] .vision-product-sphere{border-color:#d8ffeb;box-shadow:inset 0 0 30px #9ef8d65a,0 0 55px #8bd9c53a}.vision-playback{display:block;margin:0 auto 9px;background:none;border:0;color:#8eaf9c;font-family:inherit;font-size:9px;cursor:pointer;pointer-events:auto;padding:6px 12px}.vision-playback:hover{color:var(--mint)}.vision-playback:focus-visible{outline:1px solid var(--mint);outline-offset:3px}.control-vision:not(.production-running) .control-routing *, .control-vision:not(.production-running) .agent-console *, .control-vision:not(.production-running) .result-console *, .control-vision.user-paused *{animation-play-state:paused!important}@keyframes control-data{to{stroke-dashoffset:-186}}@keyframes agent-pulse{50%{opacity:.3}}@keyframes control-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes control-playhead{to{left:100%}}@keyframes art-assemble{50%{transform:rotate(15deg)}}@media(prefers-reduced-motion:reduce){.vision-playback{display:none}.control-vision *{animation:none!important;transition:none!important}}