.sx-loop{--sx-loop-step:var(--sf-loop-step);--sx-loop-play:running;--sx-loop-anim:var(--sf-dur-3);--sx-loop-stagger:var(--sf-dur-2);--sx-loop-accent:var(--sx-data-compare);--sx-loop-gap:var(--sx-s-3);--sx-loop-marker:32px;--sx-loop-line:2px;--sx-loop-scene-h:96px;--sx-loop-scene-w:184px;--sx-loop-tile:40px;--sx-loop-logo:24px;--sx-loop-badge:18px;--sx-loop-glyph:14px;--sx-loop-bone:6px;--sx-loop-dim:0.55;min-width:0}.sx-loop[data-mode=paused]{--sx-loop-play:paused}.sx-loop__list{--sx-loop-hold:var(
    --sf-loop-hold
  );list-style:none;margin:0;padding:0;display:grid;grid-gap:var(--sx-loop-gap);gap:var(--sx-loop-gap)}.sx-loop__step{position:relative;display:grid;grid-template-columns:var(--sx-loop-marker) minmax(0,1fr);grid-column-gap:var(--sx-s-2);column-gap:var(--sx-s-2);min-width:0}.sx-loop__rail{position:relative;grid-column:1;grid-row:1;padding-top:var(--sx-s-2)}.sx-loop__marker{position:relative;z-index:1;display:grid;place-items:center;width:var(--sx-loop-marker);height:var(--sx-loop-marker);box-sizing:border-box;border:var(--sx-loop-line) solid var(--sx-ink);border-radius:999px;background:var(--sx-ink);color:var(--sx-on-dark);font-family:Sora,Inter,sans-serif;font-size:14px;font-weight:600;line-height:1;transition:background-color var(--sf-dur-3) var(--sx-ease),border-color var(--sf-dur-3) var(--sx-ease),color var(--sf-dur-3) var(--sx-ease),box-shadow var(--sf-dur-3) var(--sx-ease)}button.sx-loop__marker{padding:0;cursor:pointer}.sx .sx-loop button.sx-loop__marker:focus-visible{outline:2px solid var(--sx-link);outline-offset:2px}.sx-loop__step:has(>.sx-loop__rail>button.sx-loop__marker){cursor:pointer}.sx-loop__track{position:absolute;top:calc(var(--sx-s-2) + var(--sx-loop-marker) + var(--sx-s-1));bottom:calc(var(--sx-s-1) - var(--sx-loop-gap) - var(--sx-s-2));left:calc(50% - var(--sx-loop-line) / 2);width:var(--sx-loop-line);overflow:hidden;border-radius:var(--sx-radius-bar);background:var(--sx-border)}.sx-loop__fill{position:absolute;inset:0;display:none;background:var(--sx-loop-accent);transform-origin:left top;--sx-loop-fill:sx-loop-fill-y}.sx-loop__card{grid-column:2;grid-row:1;display:grid;grid-gap:var(--sx-s-2);gap:var(--sx-s-2);align-content:start;min-width:0;padding:var(--sx-s-2);border:1px solid var(--sx-border);border-radius:var(--sx-radius-card);background:var(--sx-surface);color:var(--sx-ink-2);font-size:15px;line-height:1.5;transition:border-color var(--sf-dur-3) var(--sx-ease),box-shadow var(--sf-dur-3) var(--sx-ease)}.sx-loop__body{display:flex;flex-direction:column;gap:var(--sx-s-1);min-width:0}.sx .sx-loop__title{color:var(--sx-ink);font-size:16px;line-height:1.35}.sx-loop__extra{color:var(--sx-ink-2)}.sx-loop__extra strong{color:var(--sx-ink);font-weight:600}.sx-loop__media{display:none;position:relative;overflow:hidden;height:var(--sx-loop-scene-h);border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-sunken)}@media (min-width:640px){.sx-loop__card{grid-template-columns:minmax(0,1fr) var(--sx-loop-scene-w);align-items:start}.sx-loop__media{display:grid;grid-column:2;grid-row:1}.sx-loop__body{grid-column:1;grid-row:1}}@media (min-width:1100px){.sx-loop__list{grid-template-columns:repeat(var(--n),minmax(0,1fr))}.sx-loop__step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;row-gap:var(--sx-s-2)}.sx-loop__rail{display:flex;align-items:center;padding:0 0 0 var(--sx-s-3)}.sx-loop__track{top:calc(50% - var(--sx-loop-line) / 2);bottom:auto;left:calc(var(--sx-s-3) + var(--sx-loop-marker) + var(--sx-s-1));width:calc(100% + var(--sx-loop-gap) - var(--sx-loop-marker) - 2 * var(--sx-s-1));height:var(--sx-loop-line)}.sx-loop__fill{--sx-loop-fill:sx-loop-fill-x}.sx-loop__card{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);padding:var(--sx-s-3)}.sx-loop__body,.sx-loop__media{grid-column:1;grid-row:auto}}.sx-flow .sx-loop__list{grid-template-columns:repeat(var(--n),minmax(0,1fr))}.sx-flow .sx-loop__step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;row-gap:var(--sx-s-2)}.sx-flow .sx-loop__rail{display:flex;align-items:center;padding:0 0 0 var(--sx-s-3)}.sx-flow .sx-loop__track{top:calc(50% - var(--sx-loop-line) / 2);bottom:auto;left:calc(var(--sx-s-3) + var(--sx-loop-marker) + var(--sx-s-1));width:calc(100% + var(--sx-loop-gap) - var(--sx-loop-marker) - 2 * var(--sx-s-1));height:var(--sx-loop-line)}.sx-flow .sx-loop__fill{--sx-loop-fill:sx-loop-fill-x}.sx-flow .sx-loop__card{grid-column:1;grid-row:2;grid-template-columns:minmax(0,1fr);padding:var(--sx-s-3)}.sx-flow .sx-loop__body,.sx-flow .sx-loop__media{grid-column:1;grid-row:auto}.sx-flow .sx-loop__media{display:grid}@media (max-width:899px){.sx-flow .sx-loop__list{grid-template-rows:var(--sx-loop-marker) auto}.sx-flow .sx-loop__step{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;grid-column:1/-1;grid-row:1/span 2;grid-row-gap:0;row-gap:0;pointer-events:none}.sx-flow .sx-loop[data-mode=static] .sx-loop__step:first-child,.sx-flow .sx-loop__step[data-active]{position:relative;z-index:1}.sx-flow .sx-loop__rail{grid-row:1;grid-column:calc(var(--i) + 1);padding-left:var(--sx-s-2);pointer-events:auto}.sx-flow .sx-loop__track{left:calc(var(--sx-s-2) + var(--sx-loop-marker) + var(--sx-s-1))}.sx-flow .sx-loop__card{grid-row:2;grid-column:1/-1;margin-top:var(--sx-s-2);padding:var(--sx-s-2);pointer-events:auto}.sx-flow .sx-loop:not([data-mode=static]) .sx-loop__step:not([data-active]) .sx-loop__card,.sx-flow .sx-loop[data-mode=static] .sx-loop__step:not(:first-child) .sx-loop__card{display:none}}.sx-loop:not([data-mode=static]) .sx-loop__marker{border-color:var(--sx-border-strong);background:var(--sx-surface);color:var(--sx-ink-2)}.sx-loop:not([data-mode=static]) .sx-loop__step[data-done] .sx-loop__marker{border-color:var(--sx-loop-accent);color:var(--sx-ink)}.sx-loop:not([data-mode=static]) .sx-loop__step[data-active] .sx-loop__marker{border-color:var(--sx-ink);background:var(--sx-ink);color:var(--sx-on-dark);box-shadow:0 0 0 3px var(--sx-surface),0 0 0 5px var(--sx-loop-accent)}.sx-loop:not([data-mode=static]) .sx-loop__step[data-active] .sx-loop__card{border-color:var(--sx-loop-accent);box-shadow:var(--sx-shadow-lift)}.sx-loop:not([data-mode=static]) .sx-loop__fill{display:block;transform:scale(0)}.sx-loop:not([data-mode=static]) .sx-loop__step[data-done] .sx-loop__fill{transform:none}.sx-loop:not([data-mode=static]) .sx-loop__step[data-active] .sx-loop__fill{animation:var(--sx-loop-fill) var(--sx-loop-step) var(--sf-ease-in-out) both var(--sx-loop-play)}.sx-loop[data-mode=picked] .sx-loop__step[data-active] .sx-loop__fill{animation:none}.sx-loop:not([data-mode=static]) .sx-loop__media>.sx-scene{opacity:var(--sx-loop-dim);transition:opacity var(--sf-dur-3) var(--sx-ease)}.sx-loop:not([data-mode=static]) .sx-loop__step[data-active] .sx-loop__media>.sx-scene{opacity:1}.sx-loop:not([data-mode=static]) .sx-loop__step:not([data-done]) .sx-anim{animation:var(--sx-anim) var(--sx-loop-anim) var(--sx-ease) both var(--sx-loop-play);animation-delay:calc(var(--d, 0) * var(--sx-loop-stagger))}.sx-loop:not([data-mode=static]) .sx-loop__step:not([data-active]) .sx-anim,.sx-loop[data-mode=paused] :is(.sx-anim,.sx-loop__fill){animation-play-state:paused}.sx-loop__controls{display:flex;justify-content:flex-end;margin-top:var(--sx-s-2)}.sx-loop__toggle{display:grid;place-items:center;width:var(--sx-loop-marker);height:var(--sx-loop-marker);padding:0;border:1px solid var(--sx-border);border-radius:999px;background:var(--sx-surface);color:var(--sx-ink-2);cursor:pointer;transition:border-color var(--sf-dur-1) var(--sx-ease),color var(--sf-dur-1) var(--sx-ease)}.sx-loop__toggle svg{width:var(--sx-loop-glyph);height:var(--sx-loop-glyph)}.sx-loop__toggle:hover{border-color:var(--sx-ink);color:var(--sx-ink)}.sx .sx-loop__toggle:focus-visible{outline:2px solid var(--sx-link);outline-offset:2px}.sx-loop:is([data-mode=static],[data-mode=picked]) .sx-loop__toggle{visibility:hidden}.sx-anim--pop{--sx-anim:sx-loop-pop}.sx-anim--pick{--sx-anim:sx-loop-pick}.sx-anim--grow-x{--sx-anim:sx-loop-grow-x}.sx-anim--grow-y{--sx-anim:sx-loop-grow-y}.sx-anim--rise{--sx-anim:sx-loop-rise}.sx-anim--draw{--sx-anim:sx-loop-draw}.sx-anim--send{--sx-anim:sx-loop-send}.sx-anim--light{--sx-anim:sx-loop-light}.sx-scene{display:flex;align-items:center;justify-content:center;gap:var(--sx-s-1);place-self:stretch;min-width:0;padding:var(--sx-s-1) var(--sx-s-2)}.sx-scene svg{width:var(--sx-loop-glyph);height:var(--sx-loop-glyph)}.sx-scene--card{position:relative;margin:var(--sx-s-1);padding:var(--sx-s-1);border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-surface)}.sx-scene__tile{position:relative;display:grid;place-items:center;flex:none;width:var(--sx-loop-tile);height:var(--sx-loop-tile);box-sizing:border-box;border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-surface)}.sx-scene__tile img{width:var(--sx-loop-logo);height:var(--sx-loop-logo);object-fit:contain}.sx-scene__tile--mark,.sx-scene__tile--pick{border-color:var(--sx-loop-accent);box-shadow:0 0 0 1px var(--sx-loop-accent)}.sx-scene__badge{position:absolute;top:calc(var(--sx-loop-badge) / -3);right:calc(var(--sx-loop-badge) / -3);display:grid;place-items:center;width:var(--sx-loop-badge);height:var(--sx-loop-badge);border-radius:999px;background:var(--sx-loop-accent);color:var(--sx-on-dark)}.sx-scene .sx-scene__badge svg{width:calc(var(--sx-loop-badge) * .6);height:calc(var(--sx-loop-badge) * .6)}.sx-scene__badge--signal{background:var(--sx-signal)}.sx-scene__bone{display:block;flex:none;width:calc(var(--w, 1) * 100%);height:var(--sx-loop-bone);border-radius:999px;background:var(--sx-border);transform-origin:left center}.sx-scene__icon{display:grid;place-items:center;flex:none;width:calc(var(--sx-loop-marker) * .75);height:calc(var(--sx-loop-marker) * .75);border-radius:999px;background:var(--sx-sunken);color:var(--sx-ink-2)}.sx-scene__row{position:relative;display:flex;align-items:center;gap:var(--sx-s-1);min-width:0}.sx-scene__chip{display:block;flex:none;width:var(--sx-loop-tile);height:calc(var(--sx-loop-bone) * 2.5);box-sizing:border-box;border:1px solid var(--sx-loop-accent);border-radius:999px;background:var(--sx-surface)}.sx-scene--systems{display:grid;grid-template-columns:repeat(2,var(--sx-loop-tile));place-content:center;grid-gap:var(--sx-s-1);gap:var(--sx-s-1);--sx-loop-tile:calc((var(--sx-loop-scene-h) - 3 * var(--sx-s-1)) / 2)}.sx-scene__wire{position:relative;flex:1 1;max-width:calc(var(--sx-loop-tile) * 2);height:var(--sx-loop-line);background:repeating-linear-gradient(90deg,var(--sx-border-strong) 0 var(--sx-loop-bone),transparent var(--sx-loop-bone) calc(var(--sx-loop-bone) * 2))}.sx-scene__wirefill{position:absolute;inset:0;background:var(--sx-loop-accent);transform-origin:left center}.sx-scene__wire .sx-scene__badge{top:50%;right:auto;left:50%;translate:-50% -50%}.sx-scene--firstlook{align-items:stretch}.sx-scene--firstlook .sx-scene__icon{align-self:flex-start}.sx-scene__bars{display:flex;flex:1 1;align-items:flex-end;gap:calc(var(--sx-s-1) / 2)}.sx-scene__bar{flex:1 1;height:calc(var(--h, 1) * 100%);border-radius:var(--sx-radius-bar) var(--sx-radius-bar) 0 0;background:var(--sx-data-other);transform-origin:center bottom}.sx-scene__bar--key{background:var(--sx-loop-accent)}.sx-scene--metric{flex-direction:column;align-items:stretch;justify-content:center}.sx-scene--metric .sx-scene__row>.sx-scene__bone{flex:1 1;width:auto;max-width:calc(var(--w, 1) * 100%)}.sx-scene__op{display:grid;place-items:center;color:var(--sx-ink-3)}.sx-scene__row>.sx-scene__badge{position:static;margin-left:auto}.sx-scene--signal{padding:var(--sx-s-1) var(--sx-s-2)}.sx-scene__spark{display:block;overflow:visible}.sx-scene .sx-scene__spark,.sx-scene__spark{width:100%;height:100%}.sx-scene__spark polyline{fill:none;stroke:var(--sx-ink-3);stroke-width:var(--sx-loop-line);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.sx-scene__spark .sx-scene__drop{stroke:var(--sx-signal);stroke-dasharray:1;stroke-dashoffset:0}.sx-scene--signal>.sx-scene__badge{top:var(--sx-s-1);right:var(--sx-s-1)}.sx-scene--chat{align-items:stretch;justify-content:center}.sx-scene--chat,.sx-scene__bubble{flex-direction:column;gap:calc(var(--sx-s-1) / 2)}.sx-scene__bubble{display:flex;align-self:flex-start;width:80%;box-sizing:border-box;padding:calc(var(--sx-s-1) * .75) var(--sx-s-1);border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-surface)}.sx-scene__bubble--ask{align-self:flex-end;width:55%;border-color:var(--sx-ink);background:var(--sx-ink)}.sx-scene__bubble--ask .sx-scene__bone{background:var(--sx-on-dark-3)}.sx-scene__bubble .sx-scene__chip{width:calc(var(--sx-loop-tile) * .75);height:calc(var(--sx-loop-bone) * 2)}.sx-scene__doc{display:flex;flex-direction:column;gap:calc(var(--sx-s-1) / 2);width:42%;box-sizing:border-box;padding:var(--sx-s-1);border:1px solid var(--sx-border);border-radius:var(--sx-radius-control);background:var(--sx-surface)}.sx-scene__send{display:grid;place-items:center;color:var(--sx-loop-accent)}.sx-scene__people{display:flex;flex-direction:column;gap:calc(var(--sx-s-1) / 2)}.sx-scene__person{display:block;width:calc(var(--sx-loop-bone) * 2.5);height:calc(var(--sx-loop-bone) * 2.5);border-radius:999px;background:var(--sx-loop-accent)}@keyframes sx-loop-fill-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sx-loop-fill-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes sx-loop-pop{0%{opacity:0;scale:.4}}@keyframes sx-loop-pick{0%{border-color:var(--sx-border);box-shadow:0 0 0 0 transparent}}@keyframes sx-loop-grow-x{0%{transform:scaleX(0)}}@keyframes sx-loop-grow-y{0%{transform:scaleY(0)}}@keyframes sx-loop-rise{0%{opacity:0;translate:0 var(--sf-distance)}}@keyframes sx-loop-draw{0%{stroke-dashoffset:1}}@keyframes sx-loop-send{0%{opacity:0;translate:calc(var(--sx-s-2) * -1) 0}}@keyframes sx-loop-light{0%{background-color:var(--sx-border)}}@media (prefers-reduced-motion:reduce){.sx-loop *,.sx-loop :after,.sx-loop :before{animation:none!important;transition:none!important}.sx-loop__toggle{visibility:hidden}}