@tangle-network/sandbox-ui 2.0.17 → 2.0.18

package/dist/styles.css

@@ -9458,13 +9458,13 @@
 }
 @layer base {
   @scope (.agent-graph, .ag-root, .ag-latest, [data-agent-metrics]) {
-    *, ::after, ::before, ::backdrop, ::file-selector-button {
+    *, :scope:is(*), ::after, :scope:is(::after), ::before, :scope:is(::before), ::backdrop, :scope:is(::backdrop), ::file-selector-button, :scope:is(::file-selector-button) {
       box-sizing: border-box;
       margin: 0;
       padding: 0;
       border: 0 solid;
     }
-    html, :host {
+    html, :scope:is(html), :host, :scope:is(:host) {
       line-height: 1.5;
       -webkit-text-size-adjust: 100%;
       tab-size: 4;
@@ -9473,74 +9473,74 @@
       font-variation-settings: var(--default-font-variation-settings, normal);
       -webkit-tap-highlight-color: transparent;
     }
-    hr {
+    hr, :scope:is(hr) {
       height: 0;
       color: inherit;
       border-top-width: 1px;
     }
-    abbr:where([title]) {
+    abbr:where([title]), :scope:is(abbr:where([title])) {
       -webkit-text-decoration: underline dotted;
       text-decoration: underline dotted;
     }
-    h1, h2, h3, h4, h5, h6 {
+    h1, :scope:is(h1), h2, :scope:is(h2), h3, :scope:is(h3), h4, :scope:is(h4), h5, :scope:is(h5), h6, :scope:is(h6) {
       font-size: inherit;
       font-weight: inherit;
     }
-    a {
+    a, :scope:is(a) {
       color: inherit;
       -webkit-text-decoration: inherit;
       text-decoration: inherit;
     }
-    b, strong {
+    b, :scope:is(b), strong, :scope:is(strong) {
       font-weight: bolder;
     }
-    code, kbd, samp, pre {
+    code, :scope:is(code), kbd, :scope:is(kbd), samp, :scope:is(samp), pre, :scope:is(pre) {
       font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
       font-feature-settings: var(--default-mono-font-feature-settings, normal);
       font-variation-settings: var(--default-mono-font-variation-settings, normal);
       font-size: 1em;
     }
-    small {
+    small, :scope:is(small) {
       font-size: 80%;
     }
-    sub, sup {
+    sub, :scope:is(sub), sup, :scope:is(sup) {
       font-size: 75%;
       line-height: 0;
       position: relative;
       vertical-align: baseline;
     }
-    sub {
+    sub, :scope:is(sub) {
       bottom: -0.25em;
     }
-    sup {
+    sup, :scope:is(sup) {
       top: -0.5em;
     }
-    table {
+    table, :scope:is(table) {
       text-indent: 0;
       border-color: inherit;
       border-collapse: collapse;
     }
-    :-moz-focusring:where(:not(iframe)) {
+    :-moz-focusring:where(:not(iframe)), :scope:is(:-moz-focusring:where(:not(iframe))) {
       outline: auto;
     }
-    progress {
+    progress, :scope:is(progress) {
       vertical-align: baseline;
     }
-    summary {
+    summary, :scope:is(summary) {
       display: list-item;
     }
-    ol, ul, menu {
+    ol, :scope:is(ol), ul, :scope:is(ul), menu, :scope:is(menu) {
       list-style: none;
     }
-    img, svg, video, canvas, audio, iframe, embed, object {
+    img, :scope:is(img), svg, :scope:is(svg), video, :scope:is(video), canvas, :scope:is(canvas), audio, :scope:is(audio), iframe, :scope:is(iframe), embed, :scope:is(embed), object, :scope:is(object) {
       display: block;
       vertical-align: middle;
     }
-    img, video {
+    img, :scope:is(img), video, :scope:is(video) {
       max-width: 100%;
       height: auto;
     }
-    button, input, select, optgroup, textarea, ::file-selector-button {
+    button, :scope:is(button), input, :scope:is(input), select, :scope:is(select), optgroup, :scope:is(optgroup), textarea, :scope:is(textarea), ::file-selector-button, :scope:is(::file-selector-button) {
       font: inherit;
       font-feature-settings: inherit;
       font-variation-settings: inherit;
@@ -9550,71 +9550,71 @@
       background-color: transparent;
       opacity: 1;
     }
-    :where(select:is([multiple], [size])) optgroup {
+    :where(select:is([multiple], [size])) optgroup, :scope:is(:where(select:is([multiple], [size])) optgroup) {
       font-weight: bolder;
     }
-    :where(select:is([multiple], [size])) optgroup option {
+    :where(select:is([multiple], [size])) optgroup option, :scope:is(:where(select:is([multiple], [size])) optgroup option) {
       padding-inline-start: 20px;
     }
-    ::file-selector-button {
+    ::file-selector-button, :scope:is(::file-selector-button) {
       margin-inline-end: 4px;
     }
-    ::placeholder {
+    ::placeholder, :scope:is(::placeholder) {
       opacity: 1;
     }
     @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
-      ::placeholder {
+      ::placeholder, :scope:is(::placeholder) {
         color: currentcolor;
         @supports (color: color-mix(in lab, red, red)) {
           color: color-mix(in oklab, currentcolor 50%, transparent);
         }
       }
     }
-    textarea {
+    textarea, :scope:is(textarea) {
       resize: vertical;
     }
-    ::-webkit-search-decoration {
+    ::-webkit-search-decoration, :scope:is(::-webkit-search-decoration) {
       -webkit-appearance: none;
     }
-    ::-webkit-date-and-time-value {
+    ::-webkit-date-and-time-value, :scope:is(::-webkit-date-and-time-value) {
       min-height: 1lh;
       text-align: inherit;
     }
-    ::-webkit-datetime-edit {
+    ::-webkit-datetime-edit, :scope:is(::-webkit-datetime-edit) {
       display: inline-flex;
     }
-    ::-webkit-datetime-edit-fields-wrapper {
+    ::-webkit-datetime-edit-fields-wrapper, :scope:is(::-webkit-datetime-edit-fields-wrapper) {
       padding: 0;
     }
-    ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
+    ::-webkit-datetime-edit, :scope:is(::-webkit-datetime-edit), ::-webkit-datetime-edit-year-field, :scope:is(::-webkit-datetime-edit-year-field), ::-webkit-datetime-edit-month-field, :scope:is(::-webkit-datetime-edit-month-field), ::-webkit-datetime-edit-day-field, :scope:is(::-webkit-datetime-edit-day-field), ::-webkit-datetime-edit-hour-field, :scope:is(::-webkit-datetime-edit-hour-field), ::-webkit-datetime-edit-minute-field, :scope:is(::-webkit-datetime-edit-minute-field), ::-webkit-datetime-edit-second-field, :scope:is(::-webkit-datetime-edit-second-field), ::-webkit-datetime-edit-millisecond-field, :scope:is(::-webkit-datetime-edit-millisecond-field), ::-webkit-datetime-edit-meridiem-field, :scope:is(::-webkit-datetime-edit-meridiem-field) {
       padding-block: 0;
     }
-    ::-webkit-calendar-picker-indicator {
+    ::-webkit-calendar-picker-indicator, :scope:is(::-webkit-calendar-picker-indicator) {
       line-height: 1;
     }
-    :-moz-ui-invalid {
+    :-moz-ui-invalid, :scope:is(:-moz-ui-invalid) {
       box-shadow: none;
     }
-    button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
+    button, :scope:is(button), input:where([type="button"], [type="reset"], [type="submit"]), :scope:is(input:where([type="button"], [type="reset"], [type="submit"])), ::file-selector-button, :scope:is(::file-selector-button) {
       appearance: button;
     }
-    ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
+    ::-webkit-inner-spin-button, :scope:is(::-webkit-inner-spin-button), ::-webkit-outer-spin-button, :scope:is(::-webkit-outer-spin-button) {
       height: auto;
     }
-    [hidden]:where(:not([hidden="until-found"])) {
+    [hidden]:where(:not([hidden="until-found"])), :scope:is([hidden]:where(:not([hidden="until-found"]))) {
       display: none !important;
     }
   }
 }
 @layer utilities {
   @scope (.agent-graph, .ag-root, .ag-latest, [data-agent-metrics]) {
-    .pointer-events-auto {
+    .pointer-events-auto, :scope:is(.pointer-events-auto) {
       pointer-events: auto;
     }
-    .visible {
+    .visible, :scope:is(.visible) {
       visibility: visible;
     }
-    .sr-only {
+    .sr-only, :scope:is(.sr-only) {
       position: absolute;
       width: 1px;
       height: 1px;
@@ -9625,25 +9625,25 @@
       white-space: nowrap;
       border-width: 0;
     }
-    .absolute {
+    .absolute, :scope:is(.absolute) {
       position: absolute;
     }
-    .fixed {
+    .fixed, :scope:is(.fixed) {
       position: fixed;
     }
-    .relative {
+    .relative, :scope:is(.relative) {
       position: relative;
     }
-    .static {
+    .static, :scope:is(.static) {
       position: static;
     }
-    .top-2 {
+    .top-2, :scope:is(.top-2) {
       top: calc(var(--spacing) * 2);
     }
-    .right-3 {
+    .right-3, :scope:is(.right-3) {
       right: calc(var(--spacing) * 3);
     }
-    .container {
+    .container, :scope:is(.container) {
       width: 100%;
       @media (width >= 40rem) {
         max-width: 40rem;
@@ -9661,348 +9661,348 @@
         max-width: 96rem;
       }
     }
-    .m-0 {
+    .m-0, :scope:is(.m-0) {
       margin: 0px;
     }
-    .mt-3 {
+    .mt-3, :scope:is(.mt-3) {
       margin-top: calc(var(--spacing) * 3);
     }
-    .mt-auto {
+    .mt-auto, :scope:is(.mt-auto) {
       margin-top: auto;
     }
-    .mb-1 {
+    .mb-1, :scope:is(.mb-1) {
       margin-bottom: var(--spacing);
     }
-    .mb-2 {
+    .mb-2, :scope:is(.mb-2) {
       margin-bottom: calc(var(--spacing) * 2);
     }
-    .mb-3 {
+    .mb-3, :scope:is(.mb-3) {
       margin-bottom: calc(var(--spacing) * 3);
     }
-    .line-clamp-2 {
+    .line-clamp-2, :scope:is(.line-clamp-2) {
       overflow: hidden;
       display: -webkit-box;
       -webkit-box-orient: vertical;
       -webkit-line-clamp: 2;
     }
-    .\!hidden {
+    .\!hidden, :scope:is(.\!hidden) {
       display: none !important;
     }
-    .block {
+    .block, :scope:is(.block) {
       display: block;
     }
-    .contents {
+    .contents, :scope:is(.contents) {
       display: contents;
     }
-    .flex {
+    .flex, :scope:is(.flex) {
       display: flex;
     }
-    .grid {
+    .grid, :scope:is(.grid) {
       display: grid;
     }
-    .\!h-1 {
+    .\!h-1, :scope:is(.\!h-1) {
       height: var(--spacing) !important;
     }
-    .h-16 {
+    .h-16, :scope:is(.h-16) {
       height: calc(var(--spacing) * 16);
     }
-    .h-full {
+    .h-full, :scope:is(.h-full) {
       height: 100%;
     }
-    .min-h-0 {
+    .min-h-0, :scope:is(.min-h-0) {
       min-height: 0px;
     }
-    .min-h-4 {
+    .min-h-4, :scope:is(.min-h-4) {
       min-height: calc(var(--spacing) * 4);
     }
-    .min-h-10 {
+    .min-h-10, :scope:is(.min-h-10) {
       min-height: calc(var(--spacing) * 10);
     }
-    .\!w-1 {
+    .\!w-1, :scope:is(.\!w-1) {
       width: var(--spacing) !important;
     }
-    .w-8 {
+    .w-8, :scope:is(.w-8) {
       width: calc(var(--spacing) * 8);
     }
-    .w-full {
+    .w-full, :scope:is(.w-full) {
       width: 100%;
     }
-    .max-w-64 {
+    .max-w-64, :scope:is(.max-w-64) {
       max-width: calc(var(--spacing) * 64);
     }
-    .\!min-w-0 {
+    .\!min-w-0, :scope:is(.\!min-w-0) {
       min-width: 0px !important;
     }
-    .min-w-0 {
+    .min-w-0, :scope:is(.min-w-0) {
       min-width: 0px;
     }
-    .flex-1 {
+    .flex-1, :scope:is(.flex-1) {
       flex: 1;
     }
-    .shrink-0 {
+    .shrink-0, :scope:is(.shrink-0) {
       flex-shrink: 0;
     }
-    .-rotate-90 {
+    .-rotate-90, :scope:is(.-rotate-90) {
       rotate: calc(90deg * -1);
     }
-    .transform {
+    .transform, :scope:is(.transform) {
       transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
     }
-    .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\] {
+    .animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\], :scope:is(.animate-\[tangle-breathe_var\(--motion-ambient\)_infinite\]) {
       animation: tangle-breathe var(--motion-ambient) infinite;
     }
-    .grid-cols-\[minmax\(0\,1fr\)_auto\] {
+    .grid-cols-\[minmax\(0\,1fr\)_auto\],:scope:is(.grid-cols-\[minmax\(0\,1fr\)_auto\]) {
       grid-template-columns: minmax(0,1fr) auto;
     }
-    .flex-col {
+    .flex-col, :scope:is(.flex-col) {
       flex-direction: column;
     }
-    .flex-wrap {
+    .flex-wrap, :scope:is(.flex-wrap) {
       flex-wrap: wrap;
     }
-    .items-center {
+    .items-center, :scope:is(.items-center) {
       align-items: center;
     }
-    .justify-between {
+    .justify-between, :scope:is(.justify-between) {
       justify-content: space-between;
     }
-    .justify-center {
+    .justify-center, :scope:is(.justify-center) {
       justify-content: center;
     }
-    .gap-0\.5 {
+    .gap-0\.5, :scope:is(.gap-0\.5) {
       gap: calc(var(--spacing) * 0.5);
     }
-    .gap-1 {
+    .gap-1, :scope:is(.gap-1) {
       gap: var(--spacing);
     }
-    .gap-2 {
+    .gap-2, :scope:is(.gap-2) {
       gap: calc(var(--spacing) * 2);
     }
-    .gap-3 {
+    .gap-3, :scope:is(.gap-3) {
       gap: calc(var(--spacing) * 3);
     }
-    :where(.space-y-0\.5 > :not(:last-child)) {
+    :where(.space-y-0\.5 > :not(:last-child)), :scope:is(:where(.space-y-0\.5 > :not(:last-child))) {
       --tw-space-y-reverse: 0;
       margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
       margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
     }
-    .gap-x-3 {
+    .gap-x-3, :scope:is(.gap-x-3) {
       column-gap: calc(var(--spacing) * 3);
     }
-    .gap-x-5 {
+    .gap-x-5, :scope:is(.gap-x-5) {
       column-gap: calc(var(--spacing) * 5);
     }
-    .gap-y-1 {
+    .gap-y-1, :scope:is(.gap-y-1) {
       row-gap: var(--spacing);
     }
-    .gap-y-1\.5 {
+    .gap-y-1\.5, :scope:is(.gap-y-1\.5) {
       row-gap: calc(var(--spacing) * 1.5);
     }
-    .truncate {
+    .truncate, :scope:is(.truncate) {
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
-    .overflow-auto {
+    .overflow-auto, :scope:is(.overflow-auto) {
       overflow: auto;
     }
-    .rounded {
+    .rounded, :scope:is(.rounded) {
       border-radius: 0.25rem;
     }
-    .rounded-2xl {
+    .rounded-2xl, :scope:is(.rounded-2xl) {
       border-radius: var(--radius-2xl);
     }
-    .rounded-\[var\(--radius-card\)\] {
+    .rounded-\[var\(--radius-card\)\], :scope:is(.rounded-\[var\(--radius-card\)\]) {
       border-radius: var(--radius-card);
     }
-    .rounded-full {
+    .rounded-full, :scope:is(.rounded-full) {
       border-radius: var(--radius-full);
     }
-    .rounded-lg {
+    .rounded-lg, :scope:is(.rounded-lg) {
       border-radius: var(--radius-lg);
     }
-    .rounded-xl {
+    .rounded-xl, :scope:is(.rounded-xl) {
       border-radius: var(--radius-xl);
     }
-    .\!border-0 {
+    .\!border-0, :scope:is(.\!border-0) {
       border-style: var(--tw-border-style) !important;
       border-width: 0px !important;
     }
-    .border {
+    .border, :scope:is(.border) {
       border-style: var(--tw-border-style);
       border-width: 1px;
     }
-    .border-t {
+    .border-t, :scope:is(.border-t) {
       border-top-style: var(--tw-border-style);
       border-top-width: 1px;
     }
-    .border-dashed {
+    .border-dashed, :scope:is(.border-dashed) {
       --tw-border-style: dashed;
       border-style: dashed;
     }
-    .border-border {
+    .border-border, :scope:is(.border-border) {
       border-color: hsl(var(--border));
     }
-    .\!bg-transparent {
+    .\!bg-transparent, :scope:is(.\!bg-transparent) {
       background-color: transparent !important;
     }
-    .bg-background {
+    .bg-background, :scope:is(.bg-background) {
       background-color: hsl(var(--background));
     }
-    .bg-card {
+    .bg-card, :scope:is(.bg-card) {
       background-color: hsl(var(--card));
     }
-    .p-2 {
+    .p-2, :scope:is(.p-2) {
       padding: calc(var(--spacing) * 2);
     }
-    .p-4 {
+    .p-4, :scope:is(.p-4) {
       padding: calc(var(--spacing) * 4);
     }
-    .px-1\.5 {
+    .px-1\.5, :scope:is(.px-1\.5) {
       padding-inline: calc(var(--spacing) * 1.5);
     }
-    .px-2 {
+    .px-2, :scope:is(.px-2) {
       padding-inline: calc(var(--spacing) * 2);
     }
-    .px-3 {
+    .px-3, :scope:is(.px-3) {
       padding-inline: calc(var(--spacing) * 3);
     }
-    .py-0\.5 {
+    .py-0\.5, :scope:is(.py-0\.5) {
       padding-block: calc(var(--spacing) * 0.5);
     }
-    .py-1 {
+    .py-1, :scope:is(.py-1) {
       padding-block: var(--spacing);
     }
-    .py-2 {
+    .py-2, :scope:is(.py-2) {
       padding-block: calc(var(--spacing) * 2);
     }
-    .pt-3 {
+    .pt-3, :scope:is(.pt-3) {
       padding-top: calc(var(--spacing) * 3);
     }
-    .text-center {
+    .text-center, :scope:is(.text-center) {
       text-align: center;
     }
-    .text-left {
+    .text-left, :scope:is(.text-left) {
       text-align: left;
     }
-    .text-right {
+    .text-right, :scope:is(.text-right) {
       text-align: right;
     }
-    .text-sm {
+    .text-sm, :scope:is(.text-sm) {
       font-size: var(--text-sm);
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
-    .text-xs {
+    .text-xs, :scope:is(.text-xs) {
       font-size: var(--text-xs);
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
-    .text-\[10px\] {
+    .text-\[10px\], :scope:is(.text-\[10px\]) {
       font-size: 10px;
     }
-    .leading-4 {
+    .leading-4, :scope:is(.leading-4) {
       --tw-leading: calc(var(--spacing) * 4);
       line-height: calc(var(--spacing) * 4);
     }
-    .leading-\[18px\] {
+    .leading-\[18px\], :scope:is(.leading-\[18px\]) {
       --tw-leading: 18px;
       line-height: 18px;
     }
-    .font-medium {
+    .font-medium, :scope:is(.font-medium) {
       --tw-font-weight: var(--font-weight-medium);
       font-weight: var(--font-weight-medium);
     }
-    .font-normal {
+    .font-normal, :scope:is(.font-normal) {
       --tw-font-weight: var(--font-weight-normal);
       font-weight: var(--font-weight-normal);
     }
-    .font-semibold {
+    .font-semibold, :scope:is(.font-semibold) {
       --tw-font-weight: var(--font-weight-semibold);
       font-weight: var(--font-weight-semibold);
     }
-    .break-words {
+    .break-words, :scope:is(.break-words) {
       overflow-wrap: break-word;
     }
-    .whitespace-normal {
+    .whitespace-normal, :scope:is(.whitespace-normal) {
       white-space: normal;
     }
-    .whitespace-nowrap {
+    .whitespace-nowrap, :scope:is(.whitespace-nowrap) {
       white-space: nowrap;
     }
-    .whitespace-pre-wrap {
+    .whitespace-pre-wrap, :scope:is(.whitespace-pre-wrap) {
       white-space: pre-wrap;
     }
-    .text-\[var\(--surface-danger-text\)\] {
+    .text-\[var\(--surface-danger-text\)\], :scope:is(.text-\[var\(--surface-danger-text\)\]) {
       color: var(--surface-danger-text);
     }
-    .text-foreground {
+    .text-foreground, :scope:is(.text-foreground) {
       color: hsl(var(--foreground));
     }
-    .text-muted-foreground {
+    .text-muted-foreground, :scope:is(.text-muted-foreground) {
       color: hsl(var(--muted-foreground));
     }
-    .tabular-nums {
+    .tabular-nums, :scope:is(.tabular-nums) {
       --tw-numeric-spacing: tabular-nums;
       font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
     }
-    .opacity-0 {
+    .opacity-0, :scope:is(.opacity-0) {
       opacity: 0%;
     }
-    .shadow-sm {
+    .shadow-sm, :scope:is(.shadow-sm) {
       --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
-    .shadow-xl {
+    .shadow-xl, :scope:is(.shadow-xl) {
       --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
-    .grayscale {
+    .grayscale, :scope:is(.grayscale) {
       --tw-grayscale: grayscale(100%);
       filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
     }
-    .transition {
+    .transition, :scope:is(.transition) {
       transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
-    .\!outline-none {
+    .\!outline-none, :scope:is(.\!outline-none) {
       --tw-outline-style: none !important;
       outline-style: none !important;
     }
-    .\[transition\:color_var\(--motion-control\)\,background-color_var\(--motion-control\)\,border-color_var\(--motion-control\)\,box-shadow_var\(--motion-control\)\,transform_var\(--motion-control\)\,scale_var\(--motion-control\)\,opacity_var\(--motion-control\)\] {
+    .\[transition\:color_var\(--motion-control\)\,background-color_var\(--motion-control\)\,border-color_var\(--motion-control\)\,box-shadow_var\(--motion-control\)\,transform_var\(--motion-control\)\,scale_var\(--motion-control\)\,opacity_var\(--motion-control\)\],:scope:is(.\[transition\:color_var\(--motion-control\)\,background-color_var\(--motion-control\)\,border-color_var\(--motion-control\)\,box-shadow_var\(--motion-control\)\,transform_var\(--motion-control\)\,scale_var\(--motion-control\)\,opacity_var\(--motion-control\)\]) {
       transition: color var(--motion-control),background-color var(--motion-control),border-color var(--motion-control),box-shadow var(--motion-control),transform var(--motion-control),scale var(--motion-control),opacity var(--motion-control);
     }
-    .\[transition\:opacity_var\(--motion-surface\)\,transform_var\(--motion-surface\)\] {
+    .\[transition\:opacity_var\(--motion-surface\)\,transform_var\(--motion-surface\)\],:scope:is(.\[transition\:opacity_var\(--motion-surface\)\,transform_var\(--motion-surface\)\]) {
       transition: opacity var(--motion-surface),transform var(--motion-surface);
     }
     @media (hover: hover) {
-      .hover\:bg-muted:hover {
+      .hover\:bg-muted:hover, :scope:is(.hover\:bg-muted:hover) {
         background-color: hsl(var(--muted));
       }
-      .hover\:text-foreground:hover {
+      .hover\:text-foreground:hover, :scope:is(.hover\:text-foreground:hover) {
         color: hsl(var(--foreground));
       }
-      .hover\:grayscale-0:hover {
+      .hover\:grayscale-0:hover, :scope:is(.hover\:grayscale-0:hover) {
         --tw-grayscale: grayscale(0%);
         filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
       }
     }
-    .focus-visible\:outline:focus-visible {
+    .focus-visible\:outline:focus-visible, :scope:is(.focus-visible\:outline:focus-visible) {
       outline-style: var(--tw-outline-style);
       outline-width: 1px;
     }
-    .disabled\:opacity-40:disabled {
+    .disabled\:opacity-40:disabled, :scope:is(.disabled\:opacity-40:disabled) {
       opacity: 40%;
     }
-    .aria-pressed\:bg-muted[aria-pressed="true"] {
+    .aria-pressed\:bg-muted[aria-pressed="true"], :scope:is(.aria-pressed\:bg-muted[aria-pressed="true"]) {
       background-color: hsl(var(--muted));
     }
     @media (prefers-reduced-motion: reduce) {
-      .motion-reduce\:transition-none {
+      .motion-reduce\:transition-none, :scope:is(.motion-reduce\:transition-none) {
         transition-property: none;
       }
     }
     @media (width >= 40rem) {
-      .sm\:\!block {
+      .sm\:\!block, :scope:is(.sm\:\!block) {
         display: block !important;
       }
     }
@@ -11227,6 +11227,42 @@ svg.react-flow__connectionline {
   gap: 16px;
   padding: 4px 0;
 }
+.ws-live {
+  min-height: 100dvh;
+  padding: 24px;
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  font: 14px/1.5 var(--font-sans, sans-serif);
+}
+.ws-live > header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 24px;
+}
+.ws-live > header h1 {
+  margin: 0 auto 0 0;
+  font: 600 26px/1.3 var(--font-sans, sans-serif);
+}
+.ws-live > header label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+}
+.ws-live select {
+  max-width: min(50vw, 480px);
+  font: inherit;
+}
+@media (max-width: 600px) {
+  .ws-live {
+    padding: 16px;
+  }
+  .ws-live > header h1 {
+    flex-basis: 100%;
+  }
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -11668,3 +11704,6 @@ svg.react-flow__connectionline {
     }
   }
 }
+
+.fw-root{--fw-text:var(--text-primary);--fw-muted:var(--text-muted);--fw-surface:var(--bg-card);--fw-raised:var(--bg-elevated);--fw-border:var(--border-color,hsl(var(--hsl-border)));--fw-grid:var(--chart-grid);--fw-guide:var(--chart-rule);--fw-well:var(--well-card);--fw-hover:var(--bg-hover);--fw-accent:var(--accent-text);--fw-failed:var(--surface-danger-text);--fw-ok:var(--surface-success-text);--fw-amber:var(--surface-warning-text);--fw-live:var(--fw-accent);--fw-kind-model:var(--lightningcss-light,oklch(from var(--chart-accent) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--chart-accent) .72 min(c, .1) h));--fw-kind-tool:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .46 min(c, .1) h));--fw-neutral-bar:color-mix(in oklab, var(--fw-text) 15%, var(--fw-surface));--fw-hatch:color-mix(in oklab, var(--fw-text) 22%, transparent);--fw-h0:var(--chart-muted);--fw-h1:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 39)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 39)));--fw-h2:var(--lightningcss-light,oklch(from var(--tone-violet-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-violet-icon) .7 .11 h));--fw-h3:var(--lightningcss-light,oklch(from var(--tone-pink-icon) .55 .11 h))var(--lightningcss-dark,oklch(from var(--tone-pink-icon) .67 .11 calc(h - 16)));--fw-h4:var(--lightningcss-light,oklch(from var(--tone-cyan-icon) .578 .11 calc(h - 22.894)))var(--lightningcss-dark,oklch(from var(--tone-cyan-icon) .67 .11 calc(h - 26.148)));--fw-h5:var(--lightningcss-light,oklch(from var(--tone-blue-icon) .58 .11 calc(h + 37.6)))var(--lightningcss-dark,oklch(from var(--tone-blue-icon) .67 .11 calc(h + 29.5)));--fw-ease:var(--ease-standard,cubic-bezier(.2,.8,.2,1));--fw-bar-h:20px;--fw-label-col:min(var(--fw-name-w), 42%);--fw-bar-shift:0px;min-width:0;color:var(--fw-text);background:var(--fw-surface);border:1px solid var(--fw-border);border-radius:var(--radius-container);font-family:var(--font-sans);font-feature-settings:"cv11" 1;-webkit-font-smoothing:antialiased;font-size:14px;line-height:20px;position:relative;container:flow-waterfall/inline-size}.fw-root-agents{--fw-bar-h:24px;--fw-label-col:min(var(--fw-name-w), 28%)}.fw-root *,.fw-root :before,.fw-root :after{box-sizing:border-box}.fw-root :is(p,dl,dd,h3,ul){margin:0;padding:0}.fw-root :is(button,input,select){font:inherit;color:inherit}.fw-root :is(button,input,select,[tabindex]):focus-visible{outline:2px solid var(--fw-accent);outline-offset:1px}.fw-root :is(button,select):disabled{opacity:.45;cursor:default}.fw-root [data-tone="0"]{--tone:var(--fw-h0)}.fw-root [data-tone="1"]{--tone:var(--fw-h1)}.fw-root [data-tone="2"]{--tone:var(--fw-h2)}.fw-root [data-tone="3"]{--tone:var(--fw-h3)}.fw-root [data-tone="4"]{--tone:var(--fw-h4)}.fw-root [data-tone="5"]{--tone:var(--fw-h5)}.fw-root [data-tone],.fw-root .fw-kinds{--fill:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 94%, var(--bg-root)));--line:var(--tone);--model-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .5 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .72 min(c, .1) h));--tool-fill:var(--lightningcss-light,oklch(from var(--tone,var(--fw-h0)) .8 min(c, .1) h))var(--lightningcss-dark,oklch(from var(--tone,var(--fw-h0)) .46 min(c, .1) h));--dim:var(--lightningcss-light,color-mix(in oklab, var(--tone) 62%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 40%, var(--fw-surface)));--dim-line:var(--lightningcss-light,color-mix(in oklab, var(--tone) 70%, var(--fw-surface)))var(--lightningcss-dark,color-mix(in oklab, var(--tone) 55%, var(--fw-surface)))}.fw-root .fw-heading{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.fw-root .fw-title-block{flex:1;gap:4px;min-width:0;display:grid}.fw-root .fw-title-line{align-items:center;gap:8px;min-width:0;display:flex}.fw-root .fw-title-glyph{color:var(--fw-accent);display:inline-flex}.fw-root .fw-title{letter-spacing:-.005em;white-space:nowrap;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-state{border-radius:var(--radius-pill);height:20px;color:var(--fw-muted);background:var(--fw-well);flex-shrink:0;align-items:center;gap:8px;padding:0 8px;font-size:14px;font-weight:600;display:inline-flex}.fw-root .fw-state:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.fw-root .fw-state-live{color:var(--fw-live);background:color-mix(in oklab, var(--fw-live) 12%, transparent)}.fw-root .fw-state-live:before{animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-headline{color:var(--fw-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.fw-root .fw-headline:before{content:"·";margin-right:8px}.fw-root .fw-tools{align-items:center;gap:8px;display:flex}.fw-root .fw-views{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-view-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-view-button[aria-checked=true]{opacity:1;cursor:default;background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-search{align-items:center;display:flex;position:relative}.fw-root .fw-search-glyph{color:var(--fw-muted);pointer-events:none;display:inline-flex;position:absolute;left:8px}.fw-root .fw-search-input{appearance:none;border:1px solid var(--fw-border);border-radius:var(--radius-control);background:var(--fw-well);width:200px;height:32px;padding:0 12px 0 28px;font-size:14px}.fw-root .fw-search-input::placeholder{color:var(--fw-muted)}.fw-root .fw-search-input::-webkit-search-cancel-button{display:none}.fw-root .fw-summary{border-bottom:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;display:flex}.fw-root .fw-summary>div{min-width:0;padding:12px 16px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1}.fw-root .fw-summary>div:nth-child(n+3){color:var(--fw-muted);align-items:baseline;gap:4px;padding:8px 6px;display:flex}.fw-root .fw-summary dt{color:var(--fw-muted);font-size:14px;line-height:20px}.fw-root .fw-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:28px;font-weight:600;line-height:34px;overflow:hidden}.fw-root .fw-summary>div:nth-child(n+3) .fw-value{letter-spacing:normal;margin:0;font-size:14px;font-weight:500;line-height:20px}.fw-root .fw-has-errors .fw-value{color:var(--fw-failed)}.fw-root .fw-axis{grid-template-columns:var(--fw-label-col) minmax(0, 1fr);height:32px;color:var(--fw-muted);font-size:14px;display:grid}.fw-root .fw-axis-top{border-bottom:1px solid var(--fw-border)}.fw-root .fw-axis-label{border-right:1px solid var(--fw-border);align-items:center;gap:8px;min-width:0;padding:0 12px 0 16px;display:flex;position:relative}.fw-root .fw-branch-controls{gap:4px;margin-left:auto;display:flex}.fw-root .fw-text-button{appearance:none;border-radius:var(--radius-tag);height:24px;color:var(--fw-muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 8px;font-size:14px}.fw-root .fw-text-button:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-resize{cursor:col-resize;z-index:2;width:8px;height:100%;position:absolute;top:0;right:-4px}.fw-root .fw-resize:hover,.fw-root .fw-resize:focus-visible{background:linear-gradient(90deg, transparent 3px, var(--fw-accent) 3px 5px, transparent 5px);outline:0}.fw-root .fw-axis-track{cursor:ew-resize;touch-action:none;position:relative;overflow:hidden}.fw-root .fw-tick{top:50%;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);font-variant-numeric:tabular-nums;white-space:nowrap;line-height:16px;position:absolute;transform:translate(4px,-50%)}.fw-root .fw-cursor-handle{background:var(--fw-text);width:9px;height:9px;box-shadow:0 0 0 2px var(--fw-surface);left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px - 4.5px);z-index:3;border-radius:50%;position:absolute;bottom:-5px}.fw-root .fw-viewport{position:relative}.fw-root .fw-scroller{overscroll-behavior:contain;scrollbar-width:thin;outline:0;position:relative;overflow:hidden auto}.fw-root .fw-canvas{position:relative}.fw-root .fw-gridlayer,.fw-root .fw-cursor-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;position:absolute;right:0;overflow:hidden}.fw-root .fw-gridline{background:var(--fw-grid);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-cursor-layer{z-index:3}.fw-root .fw-marker-layer{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:2;position:absolute;right:0;overflow:hidden}.fw-root .fw-marker{--fw-marker:var(--fw-muted);width:0;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line{--fw-marker:var(--fw-muted);opacity:.4;border-left:1px dashed var(--fw-marker);top:0;bottom:0;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-marker-line[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker-line[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-marker[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-marker[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root :is(.fw-pause,.fw-pause-mark){left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--e) - var(--s)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-pause{background:color-mix(in oklab, var(--fw-text) 4%, transparent);border-inline:1px dashed color-mix(in oklab, var(--fw-text) 18%, transparent);top:0;bottom:0}.fw-root .fw-pause-mark{cursor:help;background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 4px);height:6px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 18%, transparent);border-radius:2px;bottom:3px}.fw-root .fw-marker-label{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-tag);max-width:160px;color:var(--fw-marker);background:var(--fw-surface);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-marker) 40%, transparent);padding:0 4px;font-size:14px;line-height:18px;position:absolute;top:2px;left:3px;overflow:hidden}.fw-root .fw-marker-label-left{left:auto;right:3px}.fw-root .fw-marker[data-tone=warn],.fw-root .fw-event[data-tone=warn]{--fw-marker:var(--fw-amber)}.fw-root .fw-event{--fw-marker:var(--fw-muted);background:var(--fw-marker);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);cursor:pointer;z-index:4;bottom:2px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0;border-radius:50%;margin-left:-4px;padding:0;position:absolute}.fw-root .fw-event[data-tone=ok]{--fw-marker:var(--fw-ok)}.fw-root .fw-event[aria-pressed=true]{box-shadow:0 0 0 2px var(--fw-surface), 0 0 0 4px var(--fw-marker)}.fw-root .fw-event-label{z-index:5;bottom:14px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border-radius:var(--radius-tag);background:var(--fw-surface);box-shadow:inset 0 0 0 1px var(--fw-border);color:var(--fw-text);white-space:nowrap;pointer-events:none;padding:0 8px;font-size:14px;line-height:20px;position:absolute;transform:translate(-50%)}.fw-root .fw-event[data-tone=failed]{--fw-marker:var(--fw-failed)}.fw-root .fw-event:hover,.fw-root .fw-event:focus-visible{outline:0;transform:scale(1.4)}.fw-root .fw-cursor{background:color-mix(in oklab, var(--fw-text) 70%, transparent);width:1px;top:0;bottom:0;left:calc(var(--fw-pad) + (var(--fw-t) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-empty{text-align:center;color:var(--fw-muted);padding:40px 16px}.fw-root .fw-sticky{z-index:2;background:var(--fw-surface);box-shadow:0 1px 0 var(--fw-border), var(--shadow-card);position:absolute;top:0;left:0;right:0}.fw-root .fw-row{transform:translateY(var(--row-y));height:var(--fw-row-h);grid-template-columns:var(--fw-label-col) minmax(0, 1fr);contain:layout style;background:var(--fw-tint,transparent);outline:0;display:grid;position:absolute;top:0;left:0;right:0}.fw-root .fw-row:hover{--fw-tint:var(--fw-hover)}.fw-root .fw-row.fw-active{--fw-tint:color-mix(in oklab, var(--fw-accent) 7%, transparent)}.fw-root .fw-row[aria-selected=true]{--fw-tint:var(--ix-sel-bg)}.fw-root-agents[data-selection] .fw-row[aria-selected=true]{box-shadow:inset 3px 0 0 var(--fw-accent)}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]){--fw-recede:.4}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]):hover{--fw-recede:.8}.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-span-name{color:var(--fw-muted)}.fw-root .fw-row:focus-visible{box-shadow:inset 2px 0 0 var(--fw-accent)}.fw-root .fw-sticky-row{background:var(--fw-surface)}.fw-root .fw-label{min-width:0;padding:0 12px 0 calc(12px + var(--depth) * 16px);border-right:1px solid var(--fw-border);align-items:center;gap:8px;display:flex;position:relative}.fw-root .fw-guides{width:calc(var(--depth) * 16px);background:repeating-linear-gradient(90deg, var(--fw-guide) 0 1px, transparent 1px 16px);position:absolute;top:0;bottom:0;left:20px}.fw-root .fw-toggle,.fw-root .fw-toggle-space{flex:0 0 16px;width:16px;height:16px}.fw-root .fw-toggle{appearance:none;pointer-events:auto;border-radius:var(--radius-tag);color:var(--fw-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.fw-root .fw-toggle svg{width:12px;height:12px;transition:transform var(--motion-control)}.fw-root .fw-toggle.fw-open svg{transform:rotate(90deg)}.fw-root .fw-toggle:hover{background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-icon-tile{border-radius:var(--radius-tag);border:1px solid var(--fw-border);background:var(--fw-surface);width:20px;height:20px;color:var(--line,var(--fw-muted));flex:0 0 20px;place-items:center;display:grid}.fw-root .fw-icon-tile :is(svg,img){width:13px;height:13px}.fw-root .fw-row .fw-names{font-size:14px}.fw-root .fw-names{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;display:flex;overflow:hidden}.fw-root .fw-span-name{flex-shrink:0;align-items:center;gap:8px;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.fw-root .fw-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-strong{font-weight:600}.fw-root .fw-detail-icon{display:inline-flex}.fw-root .fw-detail-icon :is(svg,img){width:12px;height:12px}.fw-root .fw-count{border-radius:var(--radius-pill);background:var(--fw-well);border:1px solid var(--fw-border);height:18px;color:var(--fw-muted);font-variant-numeric:tabular-nums;flex-shrink:0;padding:0 8px;font-size:14px;line-height:18px}.fw-root .fw-alert{color:var(--fw-failed);flex-shrink:0;display:inline-flex}.fw-root .fw-alert svg{width:13px;height:13px}.fw-root .fw-spinner{background:var(--fw-live);width:6px;height:6px;animation:tangle-breathe var(--motion-ambient) infinite;border-radius:50%;flex-shrink:0}.fw-root .fw-view-agents .fw-label{border-right:0;gap:12px;padding-left:16px}.fw-root .fw-view-agents .fw-names{flex-direction:column;align-items:flex-start;gap:0}.fw-root .fw-view-agents .fw-span-name{font-weight:600;line-height:18px}.fw-root .fw-view-agents .fw-subtitle{min-width:0;max-width:100%;height:18px;color:var(--fw-muted);align-items:center;column-gap:4px;font-size:14px;line-height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-extra{white-space:nowrap;flex:none}.fw-root .fw-view-agents .fw-subtitle-tail{flex-wrap:wrap;flex:0 auto;column-gap:4px;min-width:0;height:18px;display:flex;overflow:hidden}.fw-root .fw-view-agents .fw-subtitle-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fw-root .fw-view-agents .fw-detail-icon{flex:none;justify-content:center;align-items:center;width:16px;height:16px;overflow:hidden}.fw-root .fw-agent-dot{background:var(--tone,var(--fw-muted));border-radius:50%;flex:0 0 8px;width:8px;height:8px}.fw-root .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}.fw-root :is(.fw-agent-dot,.fw-legend .fw-swatch)[data-ring]{box-shadow:inset 0 0 0 1.5px var(--tone,var(--fw-muted));background:0 0}.fw-root .fw-agent-dot[data-outcome=live]:not([data-ring]){animation:tangle-breathe var(--motion-ambient) infinite}.fw-root .fw-lane{min-width:0;position:relative;overflow:hidden}.fw-root .fw-invalid{left:var(--fw-pad);color:var(--fw-muted);position:absolute;top:50%;transform:translateY(-50%)}.fw-root :is(.fw-bar,.fw-seg,.fw-end,.fw-mark){--x0:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);--w:calc(max(0, min(var(--e), var(--fw-t)) - var(--s)) * var(--fw-k) * 1px);--on:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);top:50%;left:var(--x0);opacity:var(--on);position:absolute}.fw-root :is(.fw-bar,.fw-seg,.fw-mark){opacity:calc(var(--on) * var(--fw-recede,1));transition:opacity var(--motion-control)}.fw-root .fw-row{transition:transform var(--motion-surface)}.fw-root .fw-enter>[role=gridcell]{transition:opacity var(--motion-arrive);transition-delay:var(--fw-enter-delay)}.fw-root .fw-enter :is(.fw-bar,.fw-seg){transition:clip-path var(--motion-grow,var(--motion-stream));transition-delay:var(--fw-enter-delay);clip-path:inset(0)}@starting-style{.fw-root .fw-enter>[role=gridcell]{opacity:0}.fw-root .fw-enter :is(.fw-bar,.fw-seg){clip-path:inset(0 100% 0 0)}}.fw-root[data-follow-live] .fw-row[data-running] .fw-bar{--on:1}.fw-root[data-follow-live] :is(.fw-seg,.fw-mark),.fw-root[data-follow-live] .fw-row:not([data-running]) .fw-bar{--fw-t:calc(var(--e) + 1)}.fw-root .fw-row[data-critical] .fw-bar{box-shadow:inset 0 -2px 0 var(--fw-accent)}.fw-root .fw-row[data-search=context] .fw-label{color:var(--fw-muted)}.fw-root .fw-row[data-search=match] .fw-name-text{font-weight:600}.fw-root .fw-mark{z-index:2;left:calc(var(--x0) - 1px);width:2px;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2 - 4px);height:calc(var(--fw-bar-h) + 8px);background:var(--fw-failed);box-shadow:0 0 0 1px var(--fw-surface);pointer-events:auto;border-radius:2px;position:absolute}.fw-root :is(.fw-bar,.fw-seg){top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);width:max(var(--w), calc(var(--on) * 3px));border-radius:var(--radius-tag);cursor:pointer;justify-content:center;align-items:center;display:flex;overflow:hidden}.fw-root .fw-bar{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root :is(.fw-bar,.fw-seg):hover{filter:brightness(1.18);box-shadow:inset 0 0 0 1px var(--line), 0 0 0 2px color-mix(in oklab, var(--line) 55%, transparent);z-index:1}.fw-root .fw-bar.fw-k-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-bar.fw-k-handoff{background:var(--line);height:8px;top:calc(50% + var(--fw-bar-shift) - 4px);box-shadow:none}.fw-root .fw-bar.fw-k-waiting,.fw-root .fw-kinds .fw-swatch-wait{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-failed{background:color-mix(in oklab, var(--fw-failed) 22%, var(--fw-surface));box-shadow:inset 0 0 0 1px var(--fw-failed);color:var(--fw-failed)}.fw-root .fw-bar.fw-k-pipeline{background:linear-gradient(90deg, var(--fw-neutral-bar), color-mix(in oklab, var(--fw-neutral-bar) 55%, var(--fw-surface)));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-bar.fw-k-pipeline.fw-has-marks{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);box-shadow:inset 0 0 0 1px var(--fw-hatch)}.fw-root .fw-bar.fw-k-pipeline.fw-has-agents{background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px), color-mix(in oklab, var(--fw-text) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-text) 12%, transparent)}.fw-root .fw-view-agents .fw-bar.fw-k-pipeline:not(.fw-has-marks,.fw-has-agents){background:color-mix(in oklab, var(--tone) 30%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 55%, transparent)}.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]),.fw-root.fw-fill-outcome .fw-view-agents .fw-row[data-span-id^=family\:]:not([data-outcome]) [data-tone],.fw-root.fw-fill-muted .fw-view-agents [data-tone]{--tone:var(--fw-h0)}.fw-root [data-outcome=ok]{--outcome-tone:var(--fw-ok)}.fw-root [data-outcome=failed]{--outcome-tone:var(--fw-failed)}.fw-root [data-outcome=warn]{--outcome-tone:var(--fw-amber)}.fw-root [data-outcome=live]{--outcome-tone:var(--fw-live)}.fw-root [data-outcome=neutral]{--outcome-tone:var(--fw-muted)}.fw-root [data-outcome],.fw-root [data-outcome] [data-tone],.fw-root.fw-root .fw-agent-dot[data-outcome]{--tone:var(--outcome-tone)}.fw-root .fw-legend{color:var(--fw-muted);flex-wrap:nowrap;gap:4px 16px;margin:8px 0 0;padding:0;font-size:14px;line-height:18px;list-style:none;display:flex}.fw-root .fw-legend li{white-space:nowrap;flex:none;align-items:center;gap:8px;display:inline-flex}.fw-root .fw-legends{align-items:center;gap:24px;min-width:0;max-width:100%;margin-top:8px;display:flex;overflow-x:auto}.fw-root .fw-legends .fw-legend{flex:none;margin:0}.fw-root .fw-kinds{color:var(--fw-muted);justify-content:flex-start;margin:0;padding:0}.fw-root .fw-kinds .fw-swatch-model{background:var(--fw-kind-model);border-radius:2px;width:12px;height:8px}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-model{background:var(--model-fill)}.fw-root.fw-fill-agent .fw-kinds .fw-swatch-tool{background:var(--tool-fill)}.fw-root .fw-kinds .fw-swatch-tool{background:var(--fw-kind-tool);border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-wait{border-radius:2px;width:12px;height:8px}.fw-root .fw-kinds .fw-swatch-event{background:var(--fw-muted);width:8px;height:8px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:50%}.fw-root .fw-kinds .fw-swatch-handoff{border-left:1.5px solid var(--fw-muted);border-bottom:1.5px solid var(--fw-muted);border-bottom-left-radius:3px;width:10px;height:8px}.fw-root .fw-description{color:var(--fw-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:14px;line-height:20px;overflow:hidden}.fw-root .fw-legend .fw-swatch{background:var(--line);border-radius:50%;width:8px;height:8px}.fw-root .fw-legend b{color:var(--fw-text);font-variant-numeric:tabular-nums;font-weight:600}.fw-root .fw-legend .fw-swatch-step{background:var(--fw-well);width:12px;height:12px;color:var(--fw-failed);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 50%, transparent);border-radius:3px;place-items:center;display:inline-grid}.fw-root .fw-legend .fw-swatch-step svg{width:8px;height:8px}.fw-root .fw-bar.fw-approx{opacity:calc(var(--on) * .7 * var(--fw-recede,1))}.fw-root .fw-seg{width:max(calc(var(--w) - 2px), calc(var(--on) * 3px));pointer-events:none}.fw-root .fw-view-agents .fw-seg{pointer-events:auto}.fw-root .fw-seg-model{background:var(--fill);box-shadow:inset 0 0 0 1px var(--line)}.fw-root .fw-seg-tool{background:var(--dim);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-model{background:var(--fw-kind-model);box-shadow:none}.fw-root:is(.fw-fill-muted,.fw-fill-outcome) .fw-view-agents .fw-seg-tool{background:var(--fw-kind-tool);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-model{background:var(--model-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){background:var(--tool-fill);box-shadow:none}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 55%, transparent)}.fw-root .fw-view-agents .fw-seg{white-space:nowrap;color:var(--fw-seg-ink);justify-content:flex-start;font-size:14px;line-height:18px;container-type:inline-size}.fw-root .fw-view-agents .fw-seg-model{--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root .fw-view-agents :is(.fw-seg-tool,.fw-seg-failed){--fw-seg-ink:var(--fw-text)}.fw-root .fw-view-agents .fw-seg>*{pointer-events:none}.fw-root .fw-seg-label{flex-wrap:wrap;flex:1;align-items:center;column-gap:4px;min-width:0;height:16px;margin:0 6px;display:flex;overflow:hidden}.fw-root .fw-seg-label>*{flex:none;align-items:center;height:16px;display:inline-flex}.fw-root .fw-seg-icon svg{stroke-width:1.75px;width:12px;height:12px}.fw-root .fw-seg-name{font-weight:600}.fw-root .fw-seg-chip{border-radius:var(--radius-pill);background:color-mix(in oklab, currentColor 18%, transparent);font-variant-numeric:tabular-nums;padding:0 4px;font-weight:600}.fw-root .fw-seg-meta{font-variant-numeric:tabular-nums}@container (width<=24px){.fw-root .fw-seg-label{display:none}}@container (width<=5px){.fw-root .fw-view-agents .fw-seg .fw-glyph{display:none}}.fw-root .fw-view-agents .fw-seg .fw-glyph{background:var(--fw-failed);width:min(14px,100%);height:14px;color:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root));border-radius:50%;flex:none;place-items:center;margin-left:0;display:grid}.fw-root .fw-view-agents .fw-seg .fw-glyph[data-glyph=retry]{background:var(--fw-muted)}.fw-root .fw-view-agents .fw-seg .fw-glyph svg{stroke-width:2.5px;width:min(9px,100%);height:9px}.fw-root .fw-seg-failed{background:color-mix(in oklab, var(--fw-failed) 18%, var(--fw-surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--fw-failed) 70%, transparent);color:var(--fw-failed)}.fw-root .fw-view-agents .fw-seg-failed{background:var(--tool-fill);box-shadow:inset 0 0 0 1px var(--dim-line)}.fw-root .fw-glyph{color:currentColor;display:inline-flex}.fw-root .fw-glyph svg{stroke-width:2px;width:11px;height:11px}.fw-root .fw-seg-model .fw-glyph,.fw-root .fw-k-model .fw-glyph{color:var(--lightningcss-light,var(--tone))var(--lightningcss-dark,var(--fw-text))}.fw-root .fw-end{z-index:2;top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:min(calc(var(--x0) + max(var(--w), 3px) + 4px), calc(100% - var(--fw-end-w,0px) - 4px));border-radius:var(--radius-tag);background:linear-gradient(var(--fw-tint,transparent) 0 0), var(--fw-surface);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;padding:0 4px;display:inline-flex}.fw-root .fw-outcome-end{pointer-events:auto;display:inline-flex}.fw-root .fw-duration{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fw-muted);font-variant-numeric:tabular-nums;font-size:14px;overflow:hidden}.fw-root .fw-k-failed~.fw-end .fw-duration{color:var(--fw-failed)}.fw-root .fw-badge{border-radius:var(--radius-pill);height:18px;color:var(--fw-muted);box-shadow:inset 0 0 0 1px var(--fw-border);background:0 0;flex:none;padding:0 6px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.fw-root .fw-links{top:0;bottom:0;left:var(--fw-label-col);pointer-events:none;z-index:0;position:absolute;right:0;overflow:hidden}.fw-root .fw-link{--x:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);border:0 solid var(--line);width:12px;translate:0 var(--fw-bar-shift);opacity:clamp(0, (var(--fw-t) - var(--s)) * 1000, 1);border-bottom-width:1.5px;position:absolute}.fw-root .fw-view-spans .fw-link{opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .7)}.fw-root .fw-view-agents .fw-link:not(.fw-link-hot){opacity:calc(clamp(0, (var(--fw-t) - var(--s)) * 1000, 1) * .8)}.fw-root .fw-link{transition:opacity var(--motion-control)}.fw-root .fw-link-down{left:calc(var(--x) - 12px);border-left-width:1.5px;border-bottom-left-radius:12px}.fw-root .fw-link-up{left:var(--x);border-right-width:1.5px;border-bottom-right-radius:12px}.fw-root .fw-link:before{content:"";background:var(--line);width:5px;height:5px;box-shadow:0 0 0 1.5px var(--fw-surface);border-radius:50%;position:absolute;top:-3.5px}.fw-root .fw-link-down:before{left:-3.25px}.fw-root .fw-link-up:before{right:-3.25px}.fw-root .fw-card-anchor{display:contents}.fw-root .fw-seg-alt{filter:brightness(.78)}.fw-root.fw-root-agents .fw-slider{background:linear-gradient(90deg, color-mix(in oklab, var(--fw-text) 32%, transparent) var(--fw-progress), var(--fw-well) var(--fw-progress)) 0 50% / 100% 4px no-repeat}.fw-root.fw-root-agents .fw-slider::-webkit-slider-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root.fw-root-agents .fw-slider::-moz-range-thumb{background:var(--fw-text);width:14px;height:14px;box-shadow:0 0 0 3px var(--fw-surface);border-radius:50%}.fw-root .fw-card{z-index:20;overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--fw-raised);border:1px solid var(--fw-border);width:min(320px,100% - 16px);max-height:min(60vh,560px);box-shadow:var(--shadow-dropdown);transition:left var(--motion-surface), top var(--motion-surface), opacity var(--motion-control);padding:12px;position:absolute;overflow-y:auto}.fw-root .fw-card[role=tooltip]{pointer-events:none}.fw-root .fw-card-above .fw-card{transform:translateY(-100%)}.fw-root .fw-card-agent{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.fw-root .fw-card-agent .fw-agent-dot{align-self:center}.fw-root .fw-card-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.fw-root .fw-card-head .fw-icon-tile{border-radius:var(--radius-control);flex-basis:28px;width:28px;height:28px}.fw-root .fw-card-head .fw-icon-tile :is(svg,img){width:16px;height:16px}.fw-root .fw-card-name{overflow-wrap:anywhere;flex:1;min-width:0;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-pill{border-radius:var(--radius-pill);height:20px;color:var(--fw-status);background:color-mix(in oklab, var(--fw-status) 13%, transparent);flex-shrink:0;padding:0 8px;font-size:14px;font-weight:600;line-height:20px}.fw-root .fw-icon-button{appearance:none;border-radius:var(--radius-control);width:28px;height:28px;color:var(--fw-muted);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.fw-root .fw-icon-button:hover:not(:disabled){background:var(--fw-hover);color:var(--fw-text)}.fw-root .fw-card-close{width:20px;height:20px;margin-right:-4px}.fw-root .fw-card-table{overflow-wrap:anywhere;border-top:1px solid var(--fw-border);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:6px 16px;padding-top:8px;font-size:14px;line-height:18px;display:grid}.fw-root .fw-card-table>div{display:contents}.fw-root .fw-card-table dt,.fw-root .fw-card-label{color:var(--fw-muted);font-size:14px;line-height:18px}.fw-root .fw-card-table dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;font-weight:500}.fw-root .fw-card-parts{flex-wrap:wrap;column-gap:4px;display:flex}.fw-root .fw-card-parts>*{white-space:nowrap}.fw-root .fw-card-parts:not(.fw-card-stack)>*+:before{content:"· ";color:var(--fw-muted)}.fw-root .fw-card-stack{flex-direction:column}.fw-root .fw-card-tools{color:var(--fw-muted);grid-template-columns:minmax(0,max-content) max-content;justify-content:start;column-gap:16px;margin-top:4px;font-weight:400;display:grid}.fw-root .fw-card-tools>span{display:contents}.fw-root .fw-card-tools>span>:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fw-root .fw-card-tools>span>:last-child{text-align:right}.fw-root .fw-card-text{margin-top:12px}.fw-root .fw-card-compact .fw-card-agent{font-size:14px;line-height:20px}.fw-root .fw-card-who{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.fw-root .fw-pill-outcome{color:var(--line);background:color-mix(in oklab, var(--tone) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 35%, transparent)}.fw-root .fw-card-step{border-top:1px solid var(--fw-border);color:var(--fw-muted);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:8px;padding-top:8px;font-size:14px;line-height:18px}.fw-root .fw-card-result{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:14px;line-height:20px;display:-webkit-box;overflow:hidden}.fw-root .fw-card-text p{color:var(--fw-text);overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:4px;display:-webkit-box;overflow:hidden}.fw-root .fw-playback{border-top:1px solid var(--fw-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.fw-root .fw-round-button{appearance:none;border:1px solid var(--fw-border);background:var(--fw-well);width:32px;height:32px;color:var(--fw-text);cursor:pointer;transition:background-color var(--motion-control), transform var(--motion-control);border-radius:50%;place-items:center;padding:0;display:grid}.fw-root .fw-round-button:hover:not(:disabled){background:var(--fw-hover)}.fw-root .fw-round-button:active:not(:disabled){transform:scale(.94)}.fw-root .fw-speed{display:inline-flex;position:relative}.fw-root .fw-speed:after{content:"";border:solid var(--fw-muted);pointer-events:none;border-width:0 1.5px 1.5px 0;width:5px;height:5px;position:absolute;top:50%;right:11px;transform:translateY(-70%)rotate(45deg)}.fw-root .fw-speed select{appearance:none;border-radius:var(--radius-control);border:1px solid var(--fw-border);background:var(--fw-well);font-variant-numeric:tabular-nums;cursor:pointer;height:28px;padding:0 28px 0 12px;font-size:14px}.fw-root .fw-overview{flex:160px;grid-template-columns:max-content minmax(0,1fr);align-items:center;column-gap:8px;min-width:120px;height:28px;display:grid;position:relative}.fw-root .fw-overview-marks{border-radius:var(--radius-tag);background:var(--fw-well);height:12px;box-shadow:inset 0 0 0 1px var(--fw-border);grid-area:1/2;position:relative;overflow:hidden}.fw-root .fw-ov{border-radius:1px;position:absolute;top:2px;bottom:2px}.fw-root .fw-ov.fw-seg-model,.fw-root .fw-ov.fw-seg-tool{background:var(--line);opacity:.75}.fw-root .fw-ov.fw-seg-tool{opacity:.45}.fw-root .fw-ov.fw-seg-failed{background:var(--fw-failed)}.fw-root .fw-brush{box-shadow:inset 0 0 0 1.5px var(--fw-accent);background:color-mix(in oklab, var(--fw-accent) 10%, transparent);border-radius:3px;position:absolute;top:0;bottom:0}.fw-root .fw-slider{appearance:none;background:linear-gradient(90deg, transparent var(--fw-progress), color-mix(in oklab, var(--fw-surface) 55%, transparent) var(--fw-progress)) 0 8px / 100% 12px no-repeat;cursor:pointer;grid-area:1/2;width:100%;height:100%;margin:0;position:relative}.fw-root .fw-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border-radius:2px}.fw-root .fw-slider::-moz-range-thumb{background:var(--fw-text);width:4px;height:22px;box-shadow:0 0 0 2px var(--fw-surface);border:0;border-radius:2px}.fw-root .fw-time{white-space:nowrap;min-width:48px;color:var(--fw-muted);font-variant-numeric:tabular-nums;grid-area:1/1;font-size:14px}.fw-root .fw-zoom{gap:0;display:inline-flex}.fw-root .fw-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.fw-root *,.fw-root :before{transition:opacity var(--duration-fast)!important;animation:none!important}.fw-root :is(.fw-agent-dot,.fw-spinner)[data-motion=essential],.fw-root .fw-state-live[data-motion=essential]:before{animation:tangle-breathe var(--motion-ambient) infinite!important}}.fw-root-agents .fw-heading{border-bottom:0;padding:20px 24px 12px}.fw-root-agents .fw-axis-top{border-bottom:0}.fw-root-agents .fw-axis-top .fw-axis-label{border-right-color:#0000}.fw-root-agents .fw-playback{border-top:0;padding:0 24px 8px}.fw-root-agents .fw-body{padding-bottom:12px}.fw-root-agents .fw-view-agents .fw-label{padding-left:24px}.fw-root-agents .fw-zoom,.fw-root-agents .fw-time{display:none}.fw-root-agents .fw-overview-marks{height:2px;box-shadow:none;top:0}.fw-root-agents .fw-overview-marks>*{display:none}.fw-root .fw-segmented{border-radius:var(--radius-control);background:var(--fw-well);border:1px solid var(--fw-border);padding:4px;display:inline-flex}.fw-root .fw-segmented button{appearance:none;border-radius:var(--radius-tag);min-width:36px;height:26px;color:var(--fw-muted);cursor:pointer;font-variant-numeric:tabular-nums;transition:background-color var(--motion-control), color var(--motion-control);background:0 0;border:0;padding:0 12px;font-size:14px}.fw-root .fw-segmented button[aria-checked=true]{background:var(--fw-surface);color:var(--fw-text);box-shadow:var(--shadow-card), 0 0 0 1px var(--fw-border)}.fw-root .fw-legend button{color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:inline-flex}.fw-root .fw-legend button[aria-pressed=true]{color:var(--fw-text);text-underline-offset:4px;text-decoration:underline}.fw-root .fw-summary button{appearance:none;cursor:pointer;color:inherit;background:0 0;border:0;padding:0}.fw-root .fw-row-state{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.fw-root .fw-error-rug{height:10px;margin-left:var(--fw-label-col);position:relative;overflow:hidden}.fw-root .fw-error-tick{background:var(--fw-failed);width:2px;height:8px;left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);position:absolute}.fw-root .fw-error-tick[data-unlocated]{left:auto;right:calc(var(--error-index) * 3px)}.fw-root .fw-quiet{color:var(--fw-amber);white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.fw-root .fw-quiet:before{content:"";background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.fw-root [data-activity=quiet] :is(.fw-agent-dot[data-outcome=live],.fw-spinner){display:none}.fw-root [data-activity=quiet] :is(.fw-agent-dot,.fw-spinner){animation:none!important}.fw-root .fw-quiet-tail{top:calc(50% + var(--fw-bar-shift) - var(--fw-bar-h) / 2);height:var(--fw-bar-h);left:calc(var(--fw-pad) + (var(--s) - var(--fw-v0)) * var(--fw-k) * 1px);width:calc(max(0, var(--fw-t) - var(--s)) * var(--fw-k) * 1px);background:repeating-linear-gradient(-45deg, var(--fw-hatch) 0 1px, transparent 1px 5px);pointer-events:none;position:absolute}.fw-root .fw-now{background:color-mix(in oklab, var(--fw-text) 28%, transparent)}.fw-root .fw-card-error{color:var(--fw-failed);margin-top:8px;font-size:13px;line-height:18px}.fw-root .fw-card .fw-agent-dot:not([data-outcome]){box-shadow:inset 0 0 0 1.5px var(--fw-muted);background:0 0}@container flow-waterfall (width<=599px){.fw-root>*{--fw-label-col:0px;--fw-bar-shift:18px;--fw-bar-h:8px;--fw-row-h:52px}.fw-root .fw-summary>div:nth-child(-n+2){flex:1 0 auto;align-items:baseline;gap:8px;padding:6px 8px;display:flex}.fw-root .fw-summary>div:nth-child(-n+2) .fw-value{margin:0;font-size:20px;line-height:28px}.fw-root .fw-summary:after{content:"";flex-basis:100%}.fw-root .fw-summary>div:nth-child(n+3){order:1}.fw-root :is(.fw-zoom,.fw-branch-controls,.fw-resize,.fw-links,.fw-gridlayer,.fw-marker-layer,.fw-subtitle,.fw-badge,.fw-icon-tile){display:none}.fw-root .fw-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:8px;display:grid}.fw-root .fw-title-block{display:contents}.fw-root .fw-title-line{flex-wrap:wrap;grid-column:1/-1}.fw-root .fw-legends{grid-area:3/1/auto/-1;margin:0}.fw-root .fw-tools{flex-wrap:wrap;grid-area:2/1}.fw-root .fw-segmented{padding:2px}.fw-root .fw-segmented button{min-width:28px;padding:0 6px}.fw-root.fw-root-agents .fw-playback{padding:8px}.fw-root.fw-root-agents .fw-overview{margin-top:0}.fw-root .fw-search-input{width:120px}.fw-root .fw-axis-label{border:0;padding:0}.fw-root .fw-tick:is(:nth-child(2),:nth-child(3)){transform:translate(-50%,-50%)}.fw-root .fw-tick:nth-child(4){transform:translate(calc(-100% - 4px),-50%)}.fw-root .fw-row{top:var(--row-y);contain:style;transform:none}.fw-root .fw-label{z-index:3;height:20px;padding:0 8px 0 calc(8px + var(--depth) * 12px);pointer-events:none;background:0 0;border:0;gap:4px;position:absolute;top:0;left:0;right:0}.fw-root .fw-row :is(.fw-row-state,.fw-quiet){top:20px;left:calc(28px + var(--depth) * 12px);height:18px;position:absolute}.fw-root .fw-view-agents .fw-names{flex-direction:row;font-size:14px;line-height:20px}.fw-root .fw-view-agents :is(.fw-subtitle,.fw-seg-label){display:none}.fw-root .fw-view-agents .fw-label{padding-left:calc(8px + var(--depth) * 12px)}.fw-root .fw-lane{grid-column:2}.fw-root .fw-end{max-width:calc(100% - 144px);height:18px;top:20px;left:auto;right:4px}.fw-root .fw-time{top:-12px;left:var(--fw-progress);transform:translateX(calc(-1 * var(--fw-progress)));background:var(--fw-surface);grid-column:2;width:max-content;max-width:100%;display:block;position:absolute}.fw-root .fw-playback{padding:12px 8px 8px;position:relative}.fw-root .fw-overview{grid-template-columns:0 minmax(0,1fr);column-gap:0;margin-top:12px}}.fw-root.fw-fill-agent .fw-view-agents .fw-seg-failed[data-model]{background:var(--model-fill);--fw-seg-ink:var(--lightningcss-light,var(--fw-surface))var(--lightningcss-dark,var(--bg-root))}.fw-root.fw-root.fw-root-agents[data-selection] .fw-row:not([aria-selected=true]) .fw-seg{opacity:var(--on);background:color-mix(in oklab, var(--fw-surface) 80%, var(--tone));--fw-seg-ink:var(--fw-text)}
+/*$vite$:1*/