.ls{--lh:1.25rem;--lines:7;position:relative}.ls-frame{isolation:isolate;border:1px solid var(--line-strong);border-radius:var(--r-xl);box-shadow:0 0 0 1px var(--line), 0 40px 160px -40px var(--glow);view-transition-name:hero-stage;background:radial-gradient(60% 50% at 22% 70%,#f54e0038,#0000 70%),linear-gradient(#1d1915 0%,#15130f 60%,#100f0d 100%);padding:44px 12px 72px;position:relative;overflow:hidden}.ls-frame:before,.ls-frame:after{content:"";z-index:-1;pointer-events:none;position:absolute;inset:0}.ls-frame:before{background:radial-gradient(50% 30% at 50% 100%,#ffffff14,#0000)}.ls-frame:after{mix-blend-mode:overlay;background:url(/textures/grain.png) 0 0/128px 128px}.ls-backdrop img{z-index:-2;object-fit:cover;object-position:50% 100%;filter:brightness(1.45)saturate(1.1);width:100%;max-width:none;height:62%;position:absolute;inset:auto 0 0;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}.ls-strip{border-bottom:1px solid var(--line);background-color:#0f0f0e99;background-image:repeating-linear-gradient(-45deg, var(--line-strong) 0 1px, transparent 1px 7px);height:28px;color:var(--text-2);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;padding-inline:14px;font-size:.75rem;font-weight:500;display:flex;position:absolute;inset:0 0 auto}.ls-stage{flex-direction:column;display:flex;position:relative}.ls-stage[hidden]{display:none}.ls-window{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:inset 0 1px 0 var(--highlight), 0 24px 48px -24px #0009;overflow:hidden}.ls-chrome{border-bottom:1px solid var(--line);height:36px;color:var(--text-3);font-family:var(--font-mono);white-space:nowrap;align-items:center;gap:8px;padding-inline:12px;font-size:.75rem;display:flex}.ls-run{color:var(--text-2);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.ls-run:before{content:"";background:var(--ui-ok);border-radius:50%;width:6px;height:6px}.ls-run-stack{display:inline-grid}.ls-run-stack>span{grid-area:1/1}.ls-run-stack [data-for=active]{visibility:hidden}.ls-stage:has([data-state=active]) .ls-run:before{background:var(--accent)}.ls-stage:has([data-state=active]) .ls-run [data-for=done]{visibility:hidden}.ls-stage:has([data-state=active]) .ls-run [data-for=active]{visibility:visible}.ls-lights{gap:6px;margin-right:4px;display:inline-flex}.ls-lights i{background:var(--surface-3);width:9px;height:9px;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:50%}.ls-graph{background:#211f1d9e;container:graph/inline-size}.ls-graph-box{aspect-ratio:5/6;background:#14131240;position:relative}.ls-edges{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ls-edges-d{display:none}.ls-edge{fill:none;stroke:var(--line-strong);stroke-width:1.25px;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;transition:stroke var(--d-ui) var(--ease-out)}[data-state=done]>.ls-edge{stroke:#f54e0061;stroke-dasharray:none}[data-state=active]>.ls-edge{stroke:#f54e0099;stroke-dasharray:none}.ls-packet,.ls-packet-glow{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-dasharray:var(--dash) 200;stroke-dashoffset:var(--dash);opacity:0}.ls-packet{--dash:6;stroke-width:2.5px}.ls-packet-glow{--dash:10;stroke-width:8px}.ls-edges-m .ls-packet{--dash:28}.ls-edges-m .ls-packet-glow{--dash:40}.ls[data-playing] [data-state=active]>.ls-packet{opacity:1;animation:ls-packet var(--d-packet) var(--ease-in-out) both}.ls[data-playing] [data-state=active]>.ls-packet-glow{opacity:.28;animation:ls-packet var(--d-packet) var(--ease-in-out) both}@keyframes ls-packet{0%{stroke-dashoffset:var(--dash)}to{stroke-dashoffset:-100px}}.ls-parked{fill:var(--accent);opacity:0;transition:opacity var(--d-ui) var(--ease-out)}.ls-parked circle:first-child{opacity:.25}[data-state=done]>.ls-parked{opacity:1}.ls[data-playing] .ls-parked{opacity:0}.ls-nodes{position:absolute;inset:0}.ls-node{--nx:var(--mx);--ny:var(--my);left:var(--nx);top:var(--ny);border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface-2);width:44%;box-shadow:inset 0 1px 0 var(--highlight), 0 8px 20px -10px #000000b3;font-family:var(--font-mono);white-space:nowrap;transition:border-color var(--d-ui) var(--ease-out);align-items:center;gap:7px;padding:5px 14px 5px 5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.ls-node:after{content:"";border-radius:inherit;box-shadow:0 0 0 4px var(--accent-soft), 0 0 32px -4px var(--glow);opacity:0;pointer-events:none;transition:opacity var(--d-ui) var(--ease-out);position:absolute;inset:-1px}.ls-node-icon{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-3);width:24px;height:24px;color:var(--text-2);transition:color var(--d-ui) var(--ease-out), background-color var(--d-ui) var(--ease-out);flex:none;place-items:center;display:grid}.ls-node-icon svg{width:14px;height:14px}.ls-node[data-models]{gap:5px}.ls-node[data-models] .ls-node-icon{width:26px}.ls-models{grid-auto-flow:column;gap:0;display:grid}.ls-models svg{width:12px;height:12px}.ls-models>:nth-child(n+3){display:none}.ls-node-icon [data-logo]{color:var(--text-2);transition:color var(--d-ui) var(--ease-out)}.ls-node:is([data-state=active],[data-state=done]) [data-logo]{color:var(--text)}.ls-node-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ls-node-label,.ls-node-meta{text-overflow:ellipsis;font-size:.75rem;line-height:1.3;overflow:hidden}.ls-node-label{color:var(--text);font-family:var(--font-sans);letter-spacing:-.005em;font-size:.8125rem;font-weight:500}.ls-node-meta{color:var(--text-3)}.ls-dot{border:1px solid var(--text-3);border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.ls-node[data-state=idle] .ls-node-label{color:var(--text-2)}.ls-node[data-state=done] .ls-dot{border-color:var(--ui-ok);background:var(--ui-ok)}.ls-node[data-agent]{background:#26211d;border-color:#f54e0080;width:50%}.ls-node[data-agent] .ls-node-icon{background:var(--accent-soft);color:var(--accent);border-color:#f54e004d}.ls-node[data-terminal][data-state=done]{box-shadow:inset 0 1px 0 var(--highlight), 0 0 0 4px var(--accent-soft), 0 0 36px -8px var(--glow);border-color:#f54e00b3}.ls-node[data-terminal][data-state=done] .ls-node-icon{background:var(--accent-soft);color:var(--accent)}.ls-node[data-state=active]{border-color:var(--accent)}.ls-node[data-state=active] .ls-node-icon{background:var(--accent-soft);color:var(--accent)}.ls-node[data-state=active] .ls-dot{border-color:var(--accent);background:var(--accent)}.ls-node[data-state=active]:after{opacity:1}.ls[data-playing] .ls-node[data-state=active] .ls-dot{animation:ls-pulse .9s var(--ease-in-out) infinite alternate}@keyframes ls-pulse{to{opacity:.3}}.ls-terminal{z-index:1;background:var(--bg-sunken);width:calc(100% - 20px);margin:-24px 0 0 auto;position:relative}.ls-term-body{font-family:var(--font-mono);font-size:.75rem;line-height:var(--lh);padding:12px 14px}.ls-term-clip{height:calc(var(--lines) * var(--lh));overflow:hidden}.ls-line{height:var(--lh);color:var(--text);white-space:nowrap;gap:10px;display:flex}.ls-line[data-mobile=false]{display:none}.ls-line[data-shown=false]{opacity:0}.ls[data-playing] .ls-line[data-shown=true]{animation:.42s steps(24,end) both ls-type}@keyframes ls-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.ls-time{min-width:5ch;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.ls-mark{width:1ch;color:var(--text-3);flex:none}.ls-text{text-overflow:ellipsis;overflow:hidden}.ls-line[data-tone=dim] .ls-text{color:var(--text-3)}.ls-line[data-tone=ok] .ls-mark{color:var(--ui-ok)}.ls-line[data-tone=err] .ls-mark,.ls-line[data-tone=err] .ls-text{color:var(--ui-err)}.ls-term-foot{border-top:1px solid var(--line);padding:10px 14px 12px;display:flex}.ls-chip{z-index:2;border:1px solid var(--accent);border-radius:var(--r-sm);height:34px;box-shadow:0 0 0 4px var(--accent-soft), 0 16px 32px -12px #000000b3;color:var(--text);font-family:var(--font-mono);white-space:nowrap;transition:opacity var(--d-ui) var(--ease-out), transform var(--d-ui) var(--ease-out);background:#1a1918f0;align-items:center;gap:8px;padding-inline:12px;font-size:.8125rem;font-weight:500;display:inline-flex;position:relative}.ls-chip svg{width:14px;height:14px;color:var(--ui-ok)}.ls-chip[data-shown=false]{opacity:0;transform:scale(.96)}.ls-tabs{margin:24px calc(-1 * var(--content-x)) 0;padding:2px var(--content-x);scroll-snap-type:x mandatory;scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.ls-tab{border:1px solid var(--line-strong);border-radius:var(--r-full);height:36px;color:var(--text-2);scroll-snap-align:start;transition:background-color var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);flex:none;align-items:center;gap:8px;padding-inline:14px 16px;font-size:.875rem;display:inline-flex}.ls-tab:before{content:"";background:var(--text-3);border-radius:50%;width:6px;height:6px}.ls-tab:hover{color:var(--text);border-color:var(--text-3)}.ls-tab[aria-selected=true]{background:var(--accent-soft);color:var(--text);border-color:#f54e0073}.ls-tab[aria-selected=true]:before{background:var(--accent)}.ls-caption{color:var(--text-3);margin-top:12px;font-size:.8125rem}@media not (min-width:768px){.ls-caption{min-height:2lh}}.ls[data-paused] *,.ls[data-paused] :before,.ls[data-paused] :after{animation-play-state:paused!important}::view-transition-group(hero-stage){animation-duration:var(--d-swap);animation-timing-function:var(--ease-in-out)}@media (min-width:640px){.ls{--lines:11}.ls-line[data-mobile=false]{display:flex}.ls-backdrop img{object-position:30% 50%;height:100%;inset:0;-webkit-mask-image:none;mask-image:none}.ls-frame{padding:52px 24px 24px}.ls-tabs{justify-content:center}.ls-caption{text-align:center}}@container graph (min-width:600px){.ls-graph-box{aspect-ratio:2.4}.ls-edges-d{display:block}.ls-edges-m{display:none}.ls-node{--nx:var(--x);--ny:var(--y);gap:7px;width:23%;padding:6px 14px 6px 6px}.ls-node-icon{width:24px;height:24px}.ls-node[data-agent]{width:26%;padding-block:9px}.ls-node[data-agent] .ls-node-icon{width:28px;height:28px}.ls-node[data-agent] .ls-node-label{font-size:.875rem}.ls-node[data-models]{gap:7px}.ls-node[data-models] .ls-node-icon{width:32px;height:32px}.ls-models{grid-template-columns:repeat(2,12px);grid-auto-flow:row;gap:2px}.ls-models>:nth-child(n+3){grid-column:span 2;justify-self:center;display:block}}[data-layout=compact] .ls-terminal{margin-top:12px}@container graph (min-width:600px){[data-layout=compact] .ls-graph-box{aspect-ratio:2}[data-layout=compact] .ls-node{width:max-content;max-width:24%}[data-layout=compact] .ls-node[data-agent]{width:max-content;max-width:32%}}@media (min-width:1200px){[data-layout=wide] .ls-frame{aspect-ratio:2;padding:0}[data-layout=wide] .ls-backdrop img{inset:auto;top:var(--bd-top,-57%);left:var(--bd-left,-28%);width:140%;height:auto}[data-layout=wide] .ls-stage{position:absolute;inset:0}[data-layout=wide] .ls-graph{width:57%;position:absolute;top:calc(14px + 50%);left:5%;translate:0 -50%}[data-layout=wide] .ls-terminal{width:auto;margin:0;position:absolute;top:calc(14px + 50%);left:64%;right:5%;translate:0 -50%}}
