

.w4r-v260-main .w4r-v260-execution{position:relative;overflow:hidden;background:linear-gradient(145deg,#06172c 0%,#082a4d 64%,#07192f 100%)}
.w4r-v260-main .w4r-v260-execution:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,rgba(53,132,255,.22),transparent 29%),radial-gradient(circle at 31% 63%,rgba(43,208,255,.09),transparent 27%);pointer-events:none}
.w4r-v260-main .w4r-v260-execution .container{position:relative;z-index:1}
.w4r-v260-main .w4r-v260-execution .w4r-head{margin-bottom:32px}



.w4r-v260-main .w4r-v260-exec-board{
  --mode-h:126px;
  --mode-gap:14px;
  --router-w:108px;
  --col-gap:18px;
  position:relative;
  display:grid;
  grid-template-columns:minmax(330px,.88fr) var(--router-w) minmax(560px,1.42fr);
  grid-template-rows:auto repeat(3,var(--mode-h)) auto;
  column-gap:var(--col-gap);
  row-gap:var(--mode-gap);
  align-items:stretch;
  padding:34px;
  border:1px solid rgba(143,184,233,.18);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 22px 60px rgba(0,0,0,.11)
}
.w4r-v260-main .w4r-v260-side-label,
.w4r-v260-main .w4r-v260-mode-header{align-self:end;color:#86b9ff;font-size:9px;font-weight:900;letter-spacing:.12em}
.w4r-v260-main .w4r-v260-side-label{grid-column:1;grid-row:1;padding-left:2px}
.w4r-v260-main .w4r-v260-mode-header{grid-column:3;grid-row:1;padding-left:2px}



.w4r-v260-main .w4r-v260-profile-card{
  grid-column:1;
  grid-row:2/5;
  align-self:center;
  position:relative;
  padding:20px;
  min-height:344px;
  border:1px solid rgba(134,190,255,.30);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(17,61,119,.97),rgba(11,88,180,.82));
  box-shadow:0 22px 52px rgba(3,17,41,.26),inset 0 0 0 1px rgba(255,255,255,.045)
}
.w4r-v260-main .w4r-v260-profile-card:after{content:"";position:absolute;right:-8px;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:50%;border:2px solid #47d4ff;background:#0a284c;box-shadow:0 0 0 5px rgba(49,192,255,.12),0 0 22px rgba(49,192,255,.42)}
.w4r-v260-main .w4r-v260-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(187,219,255,.14)}
.w4r-v260-main .w4r-v260-profile-top>div{display:grid;gap:3px}.w4r-v260-main .w4r-v260-profile-top>div>span{color:#fff;font-size:19px;font-weight:850;letter-spacing:-.025em}.w4r-v260-main .w4r-v260-profile-top small{color:#8eaed0;font-size:9.5px}
.w4r-v260-main .w4r-v260-profile-top>b{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(37,202,142,.13);color:#92ebc7;font-size:9px}.w4r-v260-main .w4r-v260-profile-top>b i{width:7px;height:7px;border-radius:50%;background:#35d799;box-shadow:0 0 14px rgba(53,215,153,.72)}
.w4r-v260-main .w4r-v260-profile-body{display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center;padding:19px 0 17px}
.w4r-v260-main .w4r-v260-profile-mark{position:relative;display:grid;place-items:center;width:82px;height:82px;border-radius:24px;background:radial-gradient(circle at 50% 38%,rgba(105,218,255,.29),rgba(255,255,255,.035) 66%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 0 34px rgba(51,175,255,.18)}
.w4r-v260-main .w4r-v260-profile-mark span{color:#e9f7ff;font-size:18px;font-weight:900;letter-spacing:.02em}.w4r-v260-main .w4r-v260-profile-mark i{position:absolute;right:10px;bottom:10px;width:10px;height:10px;border-radius:50%;background:#34d89a;box-shadow:0 0 0 5px rgba(52,216,154,.12)}
.w4r-v260-main .w4r-v260-binding-object{display:grid;grid-template-columns:1fr auto;gap:7px 12px;align-items:center;padding:13px 14px;border-radius:16px;background:rgba(2,24,53,.24);box-shadow:inset 0 0 0 1px rgba(170,213,255,.12)}
.w4r-v260-main .w4r-v260-binding-object>span{grid-column:1/-1;color:#75b6ff;font-size:8px;font-weight:900;letter-spacing:.11em}.w4r-v260-main .w4r-v260-binding-object>strong{color:#fff;font-size:15px}.w4r-v260-main .w4r-v260-binding-object code{justify-self:end;color:#d8edff;font-size:10px;font-family:inherit;background:none;padding:0}.w4r-v260-main .w4r-v260-binding-object em{grid-column:1/-1;display:inline-flex;align-items:center;gap:7px;margin-top:2px;color:#9db6cf;font-size:9px;font-style:normal}.w4r-v260-main .w4r-v260-binding-object em i{width:7px;height:7px;border-radius:50%;background:#31d399}
.w4r-v260-main .w4r-v260-profile-foot{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding-top:13px;border-top:1px solid rgba(187,219,255,.11)}.w4r-v260-main .w4r-v260-profile-foot span{color:#72afff;font-size:8px;font-weight:900;letter-spacing:.09em}.w4r-v260-main .w4r-v260-profile-foot strong{color:#dcecff;font-size:9.5px;font-weight:700}.w4r-v260-main .w4r-v260-profile-foot>i{width:9px;height:9px;border-radius:50%;background:#34d89a;box-shadow:0 0 14px rgba(52,216,154,.45)}
.w4r-v260-main .w4r-v260-profile-card>p{margin:14px 0 0;color:#93aac2;font-size:10.5px;line-height:1.55}



.w4r-v260-main .w4r-v260-router{
  grid-column:2;
  grid-row:2/5;
  position:relative;
  display:grid;
  grid-template-rows:repeat(3,var(--mode-h));
  row-gap:var(--mode-gap);
  align-self:stretch
}
.w4r-v260-main .w4r-v260-router:before{content:"";position:absolute;left:50%;top:calc(var(--mode-h)/2);bottom:calc(var(--mode-h)/2);width:2px;transform:translateX(-1px);background:linear-gradient(#2c7cff,#43d6ff);box-shadow:0 0 18px rgba(48,193,255,.28)}
.w4r-v260-main .w4r-v260-branch{position:relative}
.w4r-v260-main .w4r-v260-branch:after{content:"";position:absolute;left:50%;right:calc(-1 * var(--col-gap));top:50%;height:2px;transform:translateY(-1px);background:linear-gradient(90deg,#42d5ff,#2e7cff);box-shadow:0 0 16px rgba(48,193,255,.28)}
.w4r-v260-main .w4r-v260-branch>i{position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);border-radius:50%;background:#082443;border:2px solid #47d2ff;box-shadow:0 0 0 4px rgba(50,189,255,.09),0 0 15px rgba(50,189,255,.38);z-index:2}
.w4r-v260-main .w4r-v260-branch.is-ai:before{content:"";position:absolute;left:calc(-1 * var(--col-gap));right:50%;top:50%;height:2px;transform:translateY(-1px);background:linear-gradient(90deg,#2e7cff,#42d5ff);box-shadow:0 0 16px rgba(48,193,255,.28)}
.w4r-v260-main .w4r-v260-hub{position:absolute;left:50%;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;gap:6px;min-width:78px;height:34px;padding:0 10px;transform:translate(-50%,-50%);border:1px solid rgba(105,207,255,.48);border-radius:999px;background:linear-gradient(145deg,#0c3765,#071f3d);box-shadow:0 0 0 7px rgba(57,193,255,.07),0 0 24px rgba(57,193,255,.30)}
.w4r-v260-main .w4r-v260-hub span{width:9px;height:9px;border-radius:50%;background:#42d4ff;box-shadow:0 0 13px rgba(66,212,255,.8)}
.w4r-v260-main .w4r-v260-hub b{color:#ccecff;font-size:7.5px;font-weight:900;letter-spacing:.09em}



.w4r-v260-main .w4r-v260-mode{position:relative;grid-column:3;display:grid;grid-template-columns:116px 1fr;gap:18px;align-items:center;height:var(--mode-h);padding:14px 16px;border:1px solid rgba(166,202,240,.19);border-radius:19px;background:rgba(250,253,255,.975);box-shadow:0 15px 36px rgba(0,13,32,.13)}
.w4r-v260-main .w4r-v260-mode.is-manual{grid-row:2}.w4r-v260-main .w4r-v260-mode.is-ai{grid-row:3}.w4r-v260-main .w4r-v260-mode.is-headless{grid-row:4}
.w4r-v260-main .w4r-v260-mode:before{content:"";position:absolute;left:-7px;top:50%;width:12px;height:12px;transform:translateY(-50%);border-radius:50%;border:2px solid #48d3ff;background:#fafdff;box-shadow:0 0 0 4px rgba(50,189,255,.08)}
.w4r-v260-main .w4r-v260-mode .w4r-v259-mode-preview{width:116px;height:82px}
.w4r-v260-main .w4r-v260-mode-copy{min-width:0}
.w4r-v260-main .w4r-v260-mode-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.w4r-v260-main .w4r-v260-mode-meta>span{display:block;color:#1768ff;font-size:8px;font-weight:900;letter-spacing:.10em}.w4r-v260-main .is-ai .w4r-v260-mode-meta>span{color:#7656db}.w4r-v260-main .is-headless .w4r-v260-mode-meta>span{color:#536e8d}
.w4r-v260-main .w4r-v260-mode-meta>b{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#edf9f4;color:#197f5c;font-size:8px;white-space:nowrap}.w4r-v260-main .w4r-v260-mode-meta>b i{width:6px;height:6px;border-radius:50%;background:#27c589}
.w4r-v260-main .w4r-v260-mode-copy>strong{display:block;margin-top:4px;color:#173652;font-size:15px;line-height:1.25}
.w4r-v260-main .w4r-v260-mode-copy>p{margin:5px 0 0;max-width:430px;color:#71869b;font-size:10.75px;line-height:1.45}



.w4r-v260-main .w4r-v260-exec-result{grid-column:1/-1;grid-row:5;display:grid;grid-template-columns:1fr 44px 1fr;gap:18px;align-items:center;margin-top:2px;padding:15px 18px;border:1px solid rgba(141,182,228,.14);border-radius:16px;background:rgba(255,255,255,.03)}
.w4r-v260-main .w4r-v260-exec-result>div{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;align-items:center}.w4r-v260-main .w4r-v260-exec-result span{color:#7fb6ff;font-size:8px;font-weight:900;letter-spacing:.1em}.w4r-v260-main .w4r-v260-exec-result strong{color:#d9e8f8;font-size:10.5px;font-weight:760}.w4r-v260-main .w4r-v260-exec-result>i{color:#44d2ff;font-style:normal;font-size:21px;text-align:center}

@media(max-width:1120px){
  .w4r-v260-main .w4r-v260-exec-board{--mode-h:132px;--router-w:92px;grid-template-columns:minmax(285px,.84fr) var(--router-w) minmax(455px,1.3fr);padding:28px}
  .w4r-v260-main .w4r-v260-profile-card{min-height:352px}
  .w4r-v260-main .w4r-v260-mode{grid-template-columns:104px 1fr}.w4r-v260-main .w4r-v260-mode .w4r-v259-mode-preview{width:104px}
  .w4r-v260-main .w4r-v260-mode-copy>p{font-size:10.25px}
}



@media(max-width:980px){
  .w4r-v260-main .w4r-v260-exec-board{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 68px auto auto auto auto auto;gap:14px;padding:26px}
  .w4r-v260-main .w4r-v260-side-label{grid-column:1;grid-row:1}.w4r-v260-main .w4r-v260-profile-card{grid-column:1;grid-row:2;min-height:0;max-width:650px;width:100%;justify-self:center}.w4r-v260-main .w4r-v260-profile-card:after{right:50%;top:auto;bottom:-8px;transform:translateX(50%)}
  .w4r-v260-main .w4r-v260-router{grid-column:1;grid-row:3;display:block;width:100%;height:68px;min-height:68px}
  .w4r-v260-main .w4r-v260-router:before{left:50%;top:0;bottom:0;width:2px}.w4r-v260-main .w4r-v260-branch{display:none}.w4r-v260-main .w4r-v260-branch.is-ai{display:block;position:absolute;inset:0}.w4r-v260-main .w4r-v260-branch.is-ai:before,.w4r-v260-main .w4r-v260-branch.is-ai:after{display:none}.w4r-v260-main .w4r-v260-hub{left:50%;top:50%}
  .w4r-v260-main .w4r-v260-mode-header{grid-column:1;grid-row:4;margin-top:2px;max-width:760px;width:100%;justify-self:center}
  .w4r-v260-main .w4r-v260-mode{grid-column:1;height:auto;min-height:112px;max-width:760px;width:100%;justify-self:center}.w4r-v260-main .w4r-v260-mode.is-manual{grid-row:5}.w4r-v260-main .w4r-v260-mode.is-ai{grid-row:6}.w4r-v260-main .w4r-v260-mode.is-headless{grid-row:7}.w4r-v260-main .w4r-v260-mode:before{display:none}
  .w4r-v260-main .w4r-v260-exec-result{grid-column:1;grid-row:8}
}

@media(max-width:680px){
  .w4r-v260-main .w4r-v260-exec-board{padding:20px;border-radius:22px}.w4r-v260-main .w4r-v260-profile-body{grid-template-columns:70px 1fr}.w4r-v260-main .w4r-v260-profile-mark{width:68px;height:68px;border-radius:20px}.w4r-v260-main .w4r-v260-profile-mark span{font-size:15px}.w4r-v260-main .w4r-v260-binding-object{grid-template-columns:1fr}.w4r-v260-main .w4r-v260-binding-object code{justify-self:start}
  .w4r-v260-main .w4r-v260-mode{grid-template-columns:92px 1fr;gap:13px;padding:13px}.w4r-v260-main .w4r-v260-mode .w4r-v259-mode-preview{width:92px;height:74px}.w4r-v260-main .w4r-v260-mode-meta{align-items:flex-start}.w4r-v260-main .w4r-v260-mode-meta>b{padding:5px 7px}.w4r-v260-main .w4r-v260-mode-copy>strong{font-size:14px}
  .w4r-v260-main .w4r-v260-exec-result{grid-template-columns:1fr;gap:9px}.w4r-v260-main .w4r-v260-exec-result>div{grid-template-columns:1fr}.w4r-v260-main .w4r-v260-exec-result>i{transform:rotate(90deg)}
}
