.y-bxQq_shell{--demo-bg:rgb(var(--nido-bg,6 17 31));--demo-surface:rgb(var(--nido-surface,11 29 48));--demo-raised:#10263d;--demo-border:rgb(var(--nido-border,36 67 88));--demo-cyan:rgb(var(--nido-accent,34 211 238));--demo-violet:#8b5cf6;border:1px solid var(--demo-border);color:#f8fafc;background:radial-gradient(at 84% 2%,#22d3ee17,#0000 37%),linear-gradient(145deg,#0b1d30fa,#06111ffc);border-radius:26px;width:min(100%,600px);min-width:0;min-height:500px;padding:22px;overflow:hidden;box-shadow:0 24px 70px #0000003d,inset 0 1px #ffffff08}.y-bxQq_header{gap:18px;display:grid}.y-bxQq_eyebrow{color:#a5f3fc;letter-spacing:.04em;background:#22d3ee14;border:1px solid #22d3ee59;border-radius:999px;align-items:center;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.y-bxQq_heading{color:#f8fafc;letter-spacing:-.025em;margin:10px 0 0;font-size:clamp(18px,4vw,21px);font-weight:650;line-height:1.3}.y-bxQq_scenarios{flex-wrap:wrap;gap:8px;display:flex}.y-bxQq_scenarioButton,.y-bxQq_primary,.y-bxQq_secondary{border:1px solid var(--demo-border);color:#cbd5e1;min-height:44px;font:inherit;cursor:pointer;background:#10263db8;border-radius:12px;padding:0 13px;font-size:13px;font-weight:600;transition:color .22s,border-color .22s,background-color .22s,transform .22s}.y-bxQq_scenarioButton:hover,.y-bxQq_secondary:hover{color:#fff;border-color:#3f647e}.y-bxQq_scenarioButton:active,.y-bxQq_primary:active,.y-bxQq_secondary:active{transform:scale(.98)}.y-bxQq_selected{color:#ecfeff;background:#22d3ee1f;border-color:#22d3ee9e}.y-bxQq_scenarioButton:focus-visible,.y-bxQq_step:focus-visible,.y-bxQq_primary:focus-visible,.y-bxQq_secondary:focus-visible{outline-offset:3px;outline:3px solid #67e8f9}.y-bxQq_network{margin:29px 0 24px;position:relative}.y-bxQq_rail{width:78%;height:20px;position:absolute;top:14px;left:11%;overflow:visible}.y-bxQq_flowTrack,.y-bxQq_flowDash,.y-bxQq_flowPacket{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.y-bxQq_flowTrack{stroke:rgb(var(--nido-accent) / .2);stroke-width:1.5px}.y-bxQq_flowDash{stroke:rgb(var(--nido-accent) / .8);stroke-width:1.8px;stroke-dasharray:2 4;animation:1.8s linear infinite y-bxQq_flow-dashes}.y-bxQq_flowPacket{stroke:#e0fcff;stroke-width:3px;stroke-dasharray:3 97;filter:drop-shadow(0 0 4px #22d3eee6);animation:3.6s linear infinite y-bxQq_flow-packet}@keyframes y-bxQq_flow-dashes{to{stroke-dashoffset:-12px}}@keyframes y-bxQq_flow-packet{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes y-bxQq_node-arrival{0%,35%,to{opacity:.35;transform:scale(.8)}52%,65%{opacity:1;transform:scale(1.15)}}.y-bxQq_motionRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.y-bxQq_flowToggle{border:1px solid var(--demo-border);min-height:44px;color:rgb(var(--nido-muted));font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:8px 10px;font-size:11px}.y-bxQq_flowToggle:hover{border-color:rgb(var(--nido-accent) / .6);color:rgb(var(--nido-ink))}.y-bxQq_stepIcon,.y-bxQq_branchIcon{position:relative}.y-bxQq_branchIcon{color:var(--demo-cyan);display:inline-flex}.y-bxQq_nodeBeacon{background:var(--demo-cyan);border-radius:50%;width:6px;height:6px;animation:3.6s ease-in-out infinite y-bxQq_node-arrival;position:absolute;top:-2px;right:-2px;box-shadow:0 0 9px #22d3eecc}.y-bxQq_shell[data-flow-paused=true] :is(.y-bxQq_flowDash,.y-bxQq_flowPacket,.y-bxQq_nodeBeacon),.y-bxQq_branchShell[data-flow-paused=true] :is(.y-bxQq_flowDash,.y-bxQq_flowPacket,.y-bxQq_nodeBeacon){animation-play-state:paused}.y-bxQq_steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid;position:relative}.y-bxQq_step{color:#a7b5c8;min-width:0;font:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0 2px;display:flex}.y-bxQq_stepIcon{color:#b8c7d8;background:#0b1d30;border:1px solid #31536a;border-radius:16px;place-items:center;width:48px;height:48px;transition:color .28s,border-color .28s,background-color .28s,transform .28s;display:grid}.y-bxQq_stepActive .y-bxQq_stepIcon{border-color:var(--demo-cyan);color:#cffafe;background:#22d3ee21;transform:translateY(-2px);box-shadow:0 0 0 4px #22d3ee12,0 8px 24px #22d3ee1a}.y-bxQq_aiStep .y-bxQq_stepIcon{background:#8b5cf61a;border-color:#8b5cf68c}.y-bxQq_aiStep.y-bxQq_stepActive .y-bxQq_stepIcon{border-color:var(--demo-violet);color:#ede9fe;background:#8b5cf633;box-shadow:0 0 0 4px #8b5cf617}.y-bxQq_stepNumber{letter-spacing:.07em;color:#8194aa;font-size:10px;font-weight:700}.y-bxQq_stepTitle{color:#cbd5e1;max-width:115px;min-height:34px;font-size:11px;font-weight:600;line-height:1.35}.y-bxQq_stepActive .y-bxQq_stepTitle{color:#f8fafc}.y-bxQq_detail{background:linear-gradient(135deg,#10263de0,#0b1d30d9);border:1px solid #244358;border-radius:19px;grid-template-columns:44px minmax(0,1fr) auto;align-items:start;gap:13px;min-height:155px;padding:17px;animation:.32s both y-bxQq_enter;display:grid}.y-bxQq_eventIcon{color:#a5f3fc;background:#22d3ee17;border:1px solid #22d3ee59;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.y-bxQq_aiIcon{color:#ede9fe;background:#8b5cf629;border-color:#8b5cf699}.y-bxQq_eventBody{min-width:0}.y-bxQq_eventLabel{color:#a5f3fc;letter-spacing:.03em;font-size:11px;font-weight:700}.y-bxQq_message{color:#f8fafc;overflow-wrap:anywhere;margin:7px 0 12px;font-size:14px;font-weight:550;line-height:1.5}.y-bxQq_result{color:#a7b5c8;align-items:flex-start;gap:8px;font-size:12px;line-height:1.45;display:flex}.y-bxQq_resultDot{background:var(--demo-cyan);border-radius:50%;flex:none;width:7px;height:7px;margin-top:4px;box-shadow:0 0 10px #22d3ee80}.y-bxQq_owner{color:#cffafe;white-space:nowrap;background:#22d3ee14;border:1px solid #22d3ee4d;border-radius:999px;align-self:start;padding:5px 8px;font-size:10px;font-weight:700}.y-bxQq_aiOwner{color:#f5f3ff;background:#8b5cf62e;border-color:#8b5cf68c}.y-bxQq_footer{justify-content:space-between;align-items:center;gap:14px;margin-top:18px;display:flex}.y-bxQq_footer p{color:#a7b5c8;max-width:215px;margin:0;font-size:11px;line-height:1.5}.y-bxQq_controls{align-items:center;gap:10px;display:flex}.y-bxQq_primary{color:#06202b;background:#67e8f9;border-color:#22d3ee}.y-bxQq_primary:hover{background:#a5f3fc}.y-bxQq_secondary{color:#f8fafc;background:#10263d}.y-bxQq_counter{color:#8194aa;font-variant-numeric:tabular-nums;font-size:11px}@keyframes y-bxQq_enter{0%{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.y-bxQq_branchShell{--demo-border:rgb(var(--nido-border));--demo-cyan:rgb(var(--nido-accent));border:1px solid var(--demo-border);background:rgb(var(--nido-bg) / .85);border-radius:26px;max-width:960px;margin-inline:auto;padding:28px;overflow:hidden}.y-bxQq_branchHeader{text-align:center}.y-bxQq_branchHeader h3{color:rgb(var(--nido-ink));margin-top:14px;font-size:clamp(21px,3vw,27px);font-weight:650;line-height:1.25}.y-bxQq_branchHeader>p{color:rgb(var(--nido-muted));margin-top:10px;font-size:14px;line-height:1.6}.y-bxQq_incoming{border:1px solid var(--demo-border);background:rgb(var(--nido-surface));border-radius:18px;align-items:center;gap:14px;max-width:460px;margin:26px auto 0;padding:16px;display:flex}.y-bxQq_incoming .y-bxQq_eventIcon{flex-shrink:0}.y-bxQq_incomingMessage{color:rgb(var(--nido-ink));margin-top:5px;font-size:14px;line-height:1.5}.y-bxQq_decision{color:rgb(var(--nido-text));text-align:center;margin-top:18px;font-size:13px;font-weight:600;line-height:1.5}.y-bxQq_branchConnections{width:100%;height:44px;display:block}.y-bxQq_branchLine,.y-bxQq_branchLineActive{fill:none;stroke:rgb(var(--nido-border));stroke-width:1.5px;vector-effect:non-scaling-stroke}.y-bxQq_branchLine{stroke-dasharray:3 7}.y-bxQq_branchLineActive{stroke:rgb(var(--nido-accent) / .3);stroke-width:2px}.y-bxQq_branchOutputFlow{width:20px;height:30px;margin-inline:auto;display:block;overflow:visible}.y-bxQq_branchChoices{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.y-bxQq_branchChoice{border:1px solid var(--demo-border);min-width:0;min-height:125px;color:rgb(var(--nido-text));background:rgb(var(--nido-bg));font:inherit;text-align:center;cursor:pointer;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;transition:border-color .22s,background-color .22s;display:flex}.y-bxQq_branchChoice:hover{border-color:rgb(var(--nido-accent) / .65)}.y-bxQq_branchChoice>svg{color:var(--demo-cyan)}.y-bxQq_branchChoiceActive{border-color:var(--demo-cyan);background:rgb(var(--nido-accent) / .08)}.y-bxQq_branchLabel{color:rgb(var(--nido-ink));font-size:14px;font-weight:600;line-height:1.4}.y-bxQq_branchHint{color:rgb(var(--nido-muted));font-size:11px;line-height:1.4}.y-bxQq_branchChoice:focus-visible{outline:2px solid var(--demo-cyan);outline-offset:3px}.y-bxQq_branchDetail{border:1px solid var(--demo-border);background:rgb(var(--nido-surface) / .75);border-radius:20px;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px;min-height:220px;padding:24px;animation:.3s ease-out both y-bxQq_enter;display:grid}.y-bxQq_branchDetail h4{color:rgb(var(--nido-ink));margin-top:8px;font-size:21px;font-weight:650;line-height:1.3}.y-bxQq_branchBody{color:rgb(var(--nido-muted));margin-top:10px;font-size:14px;line-height:1.7}.y-bxQq_branchOutcome{border-left:1px solid var(--demo-border);flex-direction:column;gap:18px;padding-left:24px;display:flex}.y-bxQq_branchOutcome .y-bxQq_result{color:rgb(var(--nido-text));font-size:14px;line-height:1.6}.y-bxQq_branchOutcome button{padding-block:10px}.y-bxQq_branchNote{color:rgb(var(--nido-muted));text-align:center;margin-top:18px;font-size:12px;line-height:1.6}@media (max-width:639px){.y-bxQq_branchShell{border-radius:22px;padding:20px 16px}.y-bxQq_branchConnections{display:none}.y-bxQq_branchChoices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.y-bxQq_branchDetail{grid-template-columns:1fr;gap:18px;min-height:0;padding:20px}.y-bxQq_branchOutcome{border-left:0;border-top:1px solid var(--demo-border);padding:18px 0 0}.y-bxQq_incoming{gap:10px;padding:14px}}@media (max-width:480px){.y-bxQq_shell{border-radius:21px;min-height:0;padding:17px 14px}.y-bxQq_header{gap:13px}.y-bxQq_network{margin:22px 0 19px}.y-bxQq_stepIcon{border-radius:13px;width:40px;height:40px}.y-bxQq_rail{top:10px}.y-bxQq_stepTitle{font-size:10px}.y-bxQq_detail{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:146px;padding:13px}.y-bxQq_eventIcon{width:36px;height:36px}.y-bxQq_owner{grid-area:1/2;justify-self:start;margin-bottom:2px}.y-bxQq_eventBody{grid-column:1/-1}.y-bxQq_eventLabel{margin-top:2px;display:block}.y-bxQq_message{margin-top:6px}.y-bxQq_footer{flex-direction:column;align-items:flex-start;gap:11px}.y-bxQq_footer p{max-width:none}.y-bxQq_controls{width:100%}}@media (prefers-reduced-motion:reduce){.y-bxQq_flowToggle{display:none}.y-bxQq_shell *,.y-bxQq_shell :before,.y-bxQq_shell :after,.y-bxQq_branchShell *,.y-bxQq_branchShell :before,.y-bxQq_branchShell :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.y-bxQq_stepActive .y-bxQq_stepIcon,.y-bxQq_scenarioButton:active,.y-bxQq_primary:active,.y-bxQq_secondary:active{transform:none}}