:root{--alpha-black-50: rgba(22, 24, 31, .051);--alpha-black-100: rgba(22, 24, 31, .1);--alpha-black-200: rgba(22, 24, 31, .15);--alpha-black-300: rgba(22, 24, 31, .2);--alpha-black-400: rgba(22, 24, 31, .3);--alpha-black-500: rgba(22, 24, 31, .4);--alpha-black-600: rgba(22, 24, 31, .5);--alpha-black-700: rgba(22, 24, 31, .6);--alpha-black-800: rgba(22, 24, 31, .7);--alpha-white-50: rgba(255, 255, 255, .051);--alpha-white-100: rgba(255, 255, 255, .1);--alpha-white-200: rgba(255, 255, 255, .15);--alpha-white-300: rgba(255, 255, 255, .2);--alpha-white-400: rgba(255, 255, 255, .3);--alpha-white-500: rgba(255, 255, 255, .4);--alpha-white-600: rgba(255, 255, 255, .5);--alpha-white-700: rgba(255, 255, 255, .6);--alpha-white-800: rgba(255, 255, 255, .7)}:root{--nightshade-50: #f7f8f9;--nightshade-100: #eff1f3;--nightshade-200: #e6e8ec;--nightshade-300: #d6d9df;--nightshade-400: #bfc4cd;--nightshade-500: #979da9;--nightshade-600: #717989;--nightshade-700: #525a69;--nightshade-800: #3c414d;--nightshade-900: #282c35;--nightshade-950: #16181f;--blueberry-50: #eff7ff;--blueberry-100: #dbeeff;--blueberry-200: #b8ddff;--blueberry-300: #81c2ff;--blueberry-400: #3ea2fd;--blueberry-500: #0382f7;--blueberry-600: #0667d9;--blueberry-700: #0053b5;--blueberry-800: #003f8c;--blueberry-900: #002f67;--matcha-50: #eefcf2;--matcha-100: #d8f8e0;--matcha-200: #bcf4ca;--matcha-300: #84e7a5;--matcha-400: #3ece82;--matcha-500: #0dac65;--matcha-600: #078a52;--matcha-700: #02693e;--matcha-800: #02492a;--matcha-900: #03331d;--matcha-950: #002414;--tangerine-50: #fff3ea;--tangerine-100: #fee7d4;--tangerine-200: #fdd4b7;--tangerine-300: #ffbe90;--tangerine-400: #ffa775;--tangerine-500: #fb8b45;--tangerine-600: #e56e2c;--tangerine-700: #bf551d;--tangerine-800: #9f3e15;--tangerine-900: #752b12;--tangerine-950: #431407;--pomegranate-50: #fff1f3;--pomegranate-100: #ffe4e8;--pomegranate-200: #fecdd3;--pomegranate-300: #fda4af;--pomegranate-400: #ff7d90;--pomegranate-500: #f5486a;--pomegranate-600: #dd2c53;--pomegranate-700: #b21a3f;--pomegranate-800: #8e1230;--pomegranate-900: #630d21;--pomegranate-950: #450417;--slushie-50: #f0fcff;--slushie-100: #e0f8ff;--slushie-200: #c7f3ff;--slushie-400: #7ae3ff;--slushie-700: #007693;--slushie-900: #005870;--slushie-950: #00303d;--lemon-50: #fefae8;--lemon-100: #fdf3cf;--lemon-200: #fbeaad;--lemon-600: #e6ad1a;--lemon-700: #b8891a;--ube-50: #f6f2ff;--ube-100: #ece4fe;--ube-200: #ddd0fe;--ube-600: #7934f0;--ube-700: #6320d4;--dragonfruit-50: #fff2fb;--dragonfruit-100: #ffe4f6;--dragonfruit-200: #ffd0ee;--dragonfruit-600: #ff52c2;--dragonfruit-700: #db2f9f}:root,:root[data-theme=light]{--content-primary: #000000;--content-primary-hover: var(--nightshade-950);--content-primary-active: var(--nightshade-900);--content-secondary: var(--nightshade-700);--content-secondary-hover: var(--nightshade-700);--content-secondary-active: var(--nightshade-600);--content-tertiary: var(--nightshade-700);--content-tertiary-hover: var(--nightshade-600);--content-tertiary-active: var(--nightshade-500);--content-inverse: #ffffff;--content-inverse-hover: var(--nightshade-50);--content-inverse-active: var(--nightshade-100);--content-inverse-subtle: var(--nightshade-200);--content-action: var(--blueberry-700);--content-action-hover: var(--blueberry-800);--content-action-active: var(--blueberry-900);--content-link: var(--blueberry-700);--content-link-hover: var(--blueberry-600);--content-link-active: var(--blueberry-500);--content-selected: var(--blueberry-700);--content-success: var(--matcha-700);--content-success-hover: var(--matcha-600);--content-success-active: var(--matcha-500);--content-warning: var(--tangerine-700);--content-warning-hover: var(--tangerine-600);--content-warning-active: var(--tangerine-500);--content-danger: var(--pomegranate-700);--content-danger-hover: var(--pomegranate-600);--content-danger-active: var(--pomegranate-500);--content-placeholder: var(--nightshade-500);--content-disabled: var(--alpha-black-500);--text-red: var(--pomegranate-700);--text-orange: var(--tangerine-700);--text-yellow: var(--lemon-700);--text-green: var(--matcha-700);--text-blue: var(--blueberry-700);--text-teal: var(--slushie-700);--text-purple: var(--ube-700);--text-pink: var(--dragonfruit-700);--bg-primary: #ffffff;--bg-primary-hover: var(--nightshade-50);--bg-primary-active: var(--nightshade-100);--bg-secondary: var(--nightshade-100);--bg-secondary-hover: var(--nightshade-200);--bg-secondary-active: var(--nightshade-300);--bg-tertiary: var(--nightshade-200);--bg-tertiary-hover: var(--nightshade-300);--bg-tertiary-active: var(--nightshade-400);--bg-raised: var(--nightshade-50);--bg-sunken: var(--nightshade-50);--bg-overlay: var(--nightshade-100);--bg-emphasis: var(--alpha-black-50);--bg-emphasis-hover: var(--alpha-black-100);--bg-emphasis-active: var(--alpha-black-200);--bg-inverse: var(--nightshade-950);--bg-inverse-hover: var(--nightshade-900);--bg-inverse-active: var(--nightshade-800);--bg-action-inverse: var(--blueberry-600);--bg-action-inverse-hover: var(--blueberry-700);--bg-action-inverse-active: var(--blueberry-800);--bg-success: var(--matcha-50);--bg-success-hover: var(--matcha-100);--bg-success-active: var(--matcha-200);--bg-success-inverse: var(--matcha-600);--bg-warning: var(--tangerine-50);--bg-warning-hover: var(--tangerine-100);--bg-warning-active: var(--tangerine-200);--bg-warning-inverse: var(--tangerine-600);--bg-danger: var(--pomegranate-50);--bg-danger-hover: var(--pomegranate-100);--bg-danger-active: var(--pomegranate-200);--bg-danger-inverse: var(--pomegranate-700);--bg-selected: var(--blueberry-100);--bg-disabled-selected: var(--alpha-black-50);--bg-scrim: var(--alpha-black-800);--bg-red: var(--pomegranate-100);--bg-red-light: var(--pomegranate-50);--bg-orange: var(--tangerine-100);--bg-orange-light: var(--tangerine-50);--bg-yellow: var(--lemon-100);--bg-yellow-light: var(--lemon-50);--bg-green: var(--matcha-100);--bg-green-light: var(--matcha-50);--bg-teal: var(--slushie-100);--bg-teal-light: var(--slushie-50);--bg-blue: var(--blueberry-100);--bg-blue-light: var(--blueberry-50);--bg-purple: var(--ube-100);--bg-purple-light: var(--ube-50);--bg-pink: var(--dragonfruit-100);--bg-pink-light: var(--dragonfruit-50);--border-primary: var(--alpha-black-300);--border-primary-hover: var(--alpha-black-400);--border-secondary: var(--alpha-black-200);--border-secondary-hover: var(--alpha-black-300);--border-tertiary: var(--alpha-black-100);--border-tertiary-hover: var(--alpha-black-200);--border-strong: var(--alpha-black-700);--border-strong-hover: var(--alpha-black-600);--border-inverse: var(--alpha-white-300);--border-inverse-hover: var(--alpha-white-400);--border-blue: var(--blueberry-600);--border-blue-hover: var(--blueberry-700);--border-success: var(--matcha-600);--border-success-hover: var(--matcha-700);--border-warning: var(--tangerine-600);--border-warning-hover: var(--tangerine-700);--border-danger: var(--pomegranate-600);--border-danger-hover: var(--pomegranate-700);--border-selected: var(--blueberry-600);--border-red-light: var(--pomegranate-200);--border-blue-light: var(--blueberry-200);--border-purple-light: var(--ube-200);--border-pink-light: var(--dragonfruit-200);--border-orange-light: var(--tangerine-200);--border-yellow-light: var(--lemon-200);--border-green-light: var(--matcha-200);--border-teal-light: var(--slushie-200);--border-grey-light: var(--nightshade-200)}:root[data-theme=dark]{--content-primary: #ffffff;--content-primary-hover: var(--nightshade-50);--content-primary-active: var(--nightshade-100);--content-secondary: var(--nightshade-400);--content-secondary-active: var(--nightshade-300);--content-tertiary: var(--nightshade-500);--content-tertiary-active: var(--nightshade-400);--content-inverse: var(--nightshade-950);--content-inverse-hover: var(--nightshade-950);--content-inverse-active: var(--nightshade-900);--content-inverse-subtle: var(--nightshade-700);--content-action: var(--blueberry-200);--content-action-active: var(--blueberry-400);--content-link: var(--blueberry-200);--content-link-hover: var(--blueberry-300);--content-link-active: var(--blueberry-400);--content-selected: var(--blueberry-200);--content-success: var(--matcha-200);--content-success-active: var(--matcha-400);--content-warning: var(--tangerine-200);--content-warning-hover: var(--tangerine-300);--content-warning-active: var(--tangerine-400);--content-danger: var(--pomegranate-200);--content-danger-active: var(--pomegranate-400);--content-placeholder: var(--nightshade-500);--content-disabled: var(--alpha-white-500);--text-teal: var(--slushie-200);--bg-primary: var(--nightshade-950);--bg-primary-hover: var(--nightshade-900);--bg-primary-active: var(--nightshade-800);--bg-secondary: var(--nightshade-900);--bg-secondary-active: var(--nightshade-600);--bg-tertiary: var(--nightshade-900);--bg-tertiary-hover: var(--nightshade-700);--bg-tertiary-active: var(--nightshade-600);--bg-raised: var(--nightshade-900);--bg-sunken: var(--nightshade-900);--bg-overlay: var(--nightshade-950);--bg-emphasis: var(--alpha-white-50);--bg-emphasis-hover: var(--alpha-white-100);--bg-emphasis-active: var(--alpha-white-200);--bg-inverse: var(--nightshade-50);--bg-inverse-hover: var(--nightshade-100);--bg-inverse-active: var(--nightshade-200);--bg-action-inverse: var(--blueberry-600);--bg-action-inverse-disabled: var(--blueberry-900);--bg-success: var(--matcha-950);--bg-success-hover: var(--matcha-900);--bg-success-active: var(--matcha-800);--bg-success-inverse: var(--matcha-400);--bg-warning: var(--tangerine-950);--bg-warning-hover: var(--tangerine-900);--bg-warning-active: var(--tangerine-800);--bg-warning-inverse: var(--tangerine-400);--bg-danger: var(--pomegranate-950);--bg-danger-hover: var(--pomegranate-900);--bg-danger-active: var(--pomegranate-800);--bg-danger-inverse: var(--pomegranate-400);--bg-selected: var(--blueberry-900);--bg-selected-hover: var(--blueberry-900);--bg-disabled-selected: var(--alpha-white-50);--bg-scrim: var(--alpha-white-800);--bg-teal: var(--slushie-900);--bg-teal-light: var(--slushie-950);--border-primary: var(--alpha-white-300);--border-primary-hover: var(--alpha-white-400);--border-strong: var(--alpha-white-700);--border-strong-hover: var(--alpha-white-600);--border-inverse: var(--alpha-black-300);--border-inverse-hover: var(--alpha-black-400);--border-blue: var(--blueberry-200);--border-blue-hover: var(--blueberry-300);--border-success: var(--matcha-200);--border-success-hover: var(--matcha-300);--border-warning: var(--tangerine-200);--border-warning-hover: var(--tangerine-300);--border-danger: var(--pomegranate-200);--border-danger-hover: var(--pomegranate-300);--border-selected: var(--blueberry-200);--border-selected-hover: var(--blueberry-300);--border-red-light: var(--pomegranate-600);--border-blue-light: var(--blueberry-600);--border-purple-light: var(--ube-600);--border-pink-light: var(--dragonfruit-600);--border-orange-light: var(--tangerine-600);--border-yellow-light: var(--lemon-600);--border-green-light: var(--matcha-600);--border-teal-light: var(--slushie-400);--border-grey-light: var(--nightshade-400)}:root{--font-sans: "Roobert", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--content-primary: #ffffff;--content-secondary: var(--nightshade-400);--content-tertiary: var(--nightshade-500);--content-inverse: var(--nightshade-950);--content-action: var(--blueberry-200);--content-link: var(--blueberry-200);--content-selected: var(--blueberry-200);--content-success: var(--matcha-200);--content-warning: var(--tangerine-200);--content-danger: var(--pomegranate-200);--content-placeholder: var(--nightshade-500);--content-disabled: var(--alpha-white-500);--text-teal: var(--slushie-200);--bg-primary: var(--nightshade-950);--bg-primary-hover: var(--nightshade-900);--bg-primary-active: var(--nightshade-800);--bg-secondary: var(--nightshade-900);--bg-tertiary: var(--nightshade-900);--bg-raised: var(--nightshade-900);--bg-sunken: var(--nightshade-900);--bg-overlay: var(--nightshade-950);--bg-emphasis: var(--alpha-white-50);--bg-emphasis-hover: var(--alpha-white-100);--bg-emphasis-active: var(--alpha-white-200);--bg-inverse: var(--nightshade-50);--bg-selected: var(--blueberry-900);--bg-success: var(--matcha-950);--bg-warning: var(--tangerine-950);--bg-danger: var(--pomegranate-950);--bg-success-inverse: var(--matcha-400);--bg-warning-inverse: var(--tangerine-400);--bg-danger-inverse: var(--pomegranate-400);--bg-scrim: var(--alpha-white-800);--bg-teal: var(--slushie-900);--bg-teal-light: var(--slushie-950);--border-primary: var(--alpha-white-300);--border-primary-hover: var(--alpha-white-400);--border-strong: var(--alpha-white-700);--border-strong-hover: var(--alpha-white-600);--border-inverse: var(--alpha-black-300);--border-blue: var(--blueberry-200);--border-success: var(--matcha-200);--border-warning: var(--tangerine-200);--border-danger: var(--pomegranate-200);--border-selected: var(--blueberry-200);--border-red-light: var(--pomegranate-600);--border-blue-light: var(--blueberry-600);--border-purple-light: var(--ube-600);--border-pink-light: var(--dragonfruit-600);--border-orange-light: var(--tangerine-600);--border-yellow-light: var(--lemon-600);--border-green-light: var(--matcha-600);--border-teal-light: var(--slushie-400);--border-grey-light: var(--nightshade-400)}}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg-secondary);color:var(--content-primary);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.app-shell{min-height:100vh}.app-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:66px;padding:0 28px;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);border-bottom:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.workflow-switcher,.header-actions,.trace-title-line,.metric-card-topline,.inspector-kicker,.legend-row,.run-heatmap-legend,.drawer-block-heading,.drawer-nav{display:flex;align-items:center}.brand-lockup{gap:10px}.brand-mark{display:grid;width:32px;height:32px;place-items:center;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-secondary)}.brand-mark img{display:block;width:23px;height:23px;object-fit:contain}.brand-lockup>div{display:flex;flex-direction:column;gap:1px}.brand-lockup strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.brand-lockup span:last-child{color:var(--content-secondary);font-size:var(--text-xs)}.workflow-switcher{min-width:260px;max-width:min(420px,34vw);gap:9px;padding:6px 9px;color:inherit;background:var(--bg-raised);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:0 1px 2px var(--alpha-black-50);cursor:pointer;text-align:left}.workflow-switcher:hover{background:var(--bg-primary-hover);border-color:var(--border-primary)}.workflow-avatar{display:grid;width:30px;height:30px;place-items:center;border-radius:var(--radius-md);color:var(--text-purple);background:var(--bg-purple)}.workflow-switcher-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:1px}.workflow-switcher-copy small{color:var(--content-secondary);font-size:9px}.workflow-switcher-copy strong{overflow:hidden;font-size:var(--text-sm);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.workflow-switcher-action{display:inline-flex;align-items:center;gap:3px;color:var(--content-action);font-size:10px;font-weight:var(--weight-medium)}.workflow-combobox{position:relative;display:grid;gap:6px}.workflow-combobox>label{color:var(--content-secondary);font-size:var(--text-xs)}.workflow-search-input{display:flex;height:40px;align-items:center;gap:8px;padding:0 10px;color:var(--content-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.workflow-search-input:focus-within{border-color:var(--border-selected);box-shadow:0 0 0 2px var(--bg-selected)}.workflow-search-input>svg{flex:none}.workflow-search-input input{width:100%;min-width:0;padding:0;color:var(--content-primary);background:transparent;border:0;outline:0;font-size:var(--text-sm)}.workflow-search-input input::placeholder{color:var(--content-tertiary)}.workflow-search-results{position:absolute;top:calc(100% + 6px);right:0;left:0;z-index:60;max-height:min(420px,55vh);overflow:auto;padding:5px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:0 12px 30px var(--alpha-black-100)}.workflow-search-results button{display:flex;width:100%;min-width:0;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px;text-align:left;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.workflow-search-results button:hover,.workflow-search-results button.is-active{background:var(--bg-primary-hover)}.workflow-search-results button>span{display:flex;min-width:0;flex-direction:column;gap:3px}.workflow-search-results strong{overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.workflow-search-results code{overflow:hidden;color:var(--content-tertiary);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.workflow-search-results button>svg{flex:none;color:var(--content-success)}.workflow-search-empty{padding:12px;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.5}.workflow-search-empty code{font-family:var(--font-mono)}.workflow-combobox.is-compact{gap:0}.workflow-combobox.is-compact>label{font-size:10px}.workflow-combobox.is-compact .workflow-search-input{height:21px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.workflow-combobox.is-compact .workflow-search-input>svg{display:none}.workflow-combobox.is-compact .workflow-search-input input{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.workflow-combobox.is-compact .workflow-search-results{top:calc(100% + 10px);left:-48px;width:360px}.header-actions{justify-self:end;gap:8px}.workflow-dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding:min(14vh,120px) 20px 20px;background:var(--alpha-black-500);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.workflow-dialog{width:min(560px,100%);padding:20px;box-shadow:0 24px 80px var(--alpha-black-300)}.workflow-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.workflow-dialog-heading h2{margin:0;font-size:var(--text-xl)}.workflow-dialog-heading p{margin:5px 0 0;color:var(--content-secondary);font-size:var(--text-xs)}.workflow-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.workflow-dialog-actions button{height:36px;padding:0 13px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium)}.workflow-dialog-actions button:last-child{color:var(--content-inverse);background:var(--bg-inverse);border-color:var(--bg-inverse)}.workflow-dialog-actions button:disabled{cursor:not-allowed;opacity:.4}.workflow-dialog-access{display:flex;align-items:center;gap:5px;margin-top:14px;color:var(--content-tertiary);font-size:9px}.run-window{display:flex;height:32px;align-items:center;gap:5px;padding:0 8px;color:var(--content-secondary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:10px}.run-window select{color:var(--content-primary);background:transparent;border:0;outline:0;font-size:10px}.freshness,.cli-connected{display:flex;align-items:center;gap:5px;color:var(--content-secondary);font-size:var(--text-xs)}.icon-button,.open-clay-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-secondary);background:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;text-decoration:none}.icon-button{width:32px;height:32px}.icon-button.is-spinning svg{animation:rotate-refresh .7s linear infinite}@keyframes rotate-refresh{to{transform:rotate(360deg)}}.open-clay-button{height:32px;padding:0 12px;color:var(--content-primary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.icon-button:hover,.open-clay-button:hover{background:var(--bg-primary-hover);border-color:var(--border-primary)}.view-tabs{display:flex;height:48px;align-items:end;gap:4px;padding:0 max(28px,calc((100vw - 1500px)/2));background:var(--bg-primary);border-bottom:1px solid var(--border-secondary)}.view-tabs button{position:relative;display:flex;height:47px;align-items:center;gap:7px;padding:0 12px;border:0;background:transparent;color:var(--content-secondary);cursor:pointer;font-size:var(--text-sm)}.view-tabs button:hover{color:var(--content-primary)}.view-tabs button.is-active{color:var(--content-primary);font-weight:var(--weight-medium)}.view-tabs button.is-active:after{position:absolute;right:8px;bottom:-1px;left:8px;height:2px;background:var(--content-primary);content:""}.view-tabs .settings-tab{margin-left:auto}.nav-count{min-width:20px;padding:1px 5px;border-radius:999px;background:var(--bg-emphasis);color:var(--content-secondary);font-size:10px}.page-content{width:min(1500px,100%);margin:0 auto;padding:24px 28px 52px}.panel{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:0 1px 3px var(--alpha-black-50)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-card{position:relative;min-height:126px;overflow:hidden;padding:16px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl)}.metric-card:after{position:absolute;inset:auto 0 0;height:3px;background:var(--border-primary);content:"";opacity:.7}.metric-card.tone-success:after{background:var(--matcha-400)}.metric-card.tone-warning:after{background:var(--tangerine-400)}.metric-card.tone-danger:after{background:var(--pomegranate-400)}.metric-card.tone-action:after{background:var(--blueberry-400)}.metric-card-topline{justify-content:space-between;color:var(--content-secondary);font-size:var(--text-sm)}.metric-icon{display:grid;width:28px;height:28px;place-items:center;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--content-secondary)}.metric-card strong{display:block;margin-top:13px;font-size:26px;font-weight:var(--weight-semibold);letter-spacing:-.035em;line-height:1}.metric-card p{margin:8px 0 0;color:var(--content-secondary);font-size:var(--text-xs)}.topology-panel{overflow:hidden}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:20px 22px 18px;border-bottom:1px solid var(--border-tertiary)}.panel-heading.compact{padding-bottom:15px}.eyebrow{display:block;margin-bottom:5px;color:var(--content-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.panel-heading h2,.insight-panel h2,.trace-heading h2,.drawer-heading h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.015em}.panel-heading p{margin:5px 0 0;color:var(--content-secondary);font-size:var(--text-sm)}.text-button{display:inline-flex;align-items:center;gap:6px;padding:7px 0;border:0;background:transparent;color:var(--content-action);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.text-button:hover{color:var(--content-action-hover)}.flow-workspace{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:14px}.flow-workspace.has-inspector{grid-template-columns:minmax(0,1fr) minmax(360px,410px)}.waterfall-panel{min-width:0;overflow:hidden}.execution-map-shell{position:relative}.execution-map-summary{display:flex;min-height:46px;align-items:center;gap:16px;padding:8px 166px 8px 16px;background:var(--bg-primary);border-bottom:1px solid var(--border-tertiary)}.execution-map-summary>span{display:inline-flex;align-items:center;gap:5px;color:var(--content-secondary);font-size:10px;white-space:nowrap}.execution-map-summary strong{color:var(--content-primary);font-weight:var(--weight-semibold)}.execution-map-summary .tone-success{color:var(--content-success)}.execution-map-summary .tone-danger{color:var(--content-danger)}.execution-map-summary .tone-warning{color:var(--content-warning)}.execution-map-summary .execution-map-hint{margin-left:auto;color:var(--content-tertiary)}.execution-map-tools{position:absolute;top:7px;right:10px;z-index:10;display:flex;height:31px;align-items:center;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);box-shadow:0 2px 8px var(--alpha-black-50)}.execution-map-tools button{display:inline-flex;height:29px;align-items:center;gap:4px;padding:0 8px;background:transparent;border:0;border-left:1px solid var(--border-tertiary);cursor:pointer;font-size:10px}.execution-map-tools button:first-child{border-left:0}.execution-map-tools button:hover{background:var(--bg-primary-hover)}.execution-map-tools button:disabled{cursor:not-allowed;opacity:.35}.execution-map-tools>span{min-width:42px;color:var(--content-secondary);font-family:var(--font-mono);font-size:9px;text-align:center}.flow-waterfall-scroll{height:clamp(520px,calc(100vh - 310px),820px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;background-color:var(--bg-sunken);background-image:radial-gradient(var(--border-primary) .65px,transparent .75px);background-size:18px 18px;cursor:grab}.flow-waterfall-scroll.is-panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.flow-waterfall-scroll::-webkit-scrollbar{width:12px;height:12px}.flow-waterfall-scroll::-webkit-scrollbar-track{background:var(--bg-secondary)}.flow-waterfall-scroll::-webkit-scrollbar-thumb{background:var(--border-primary);border:3px solid var(--bg-secondary);border-radius:999px}.flow-waterfall-frame{position:relative;min-width:100%;margin:0 auto}.flow-waterfall{position:absolute;top:0;left:50%;transform-origin:top center}.flow-waterfall>svg{position:absolute;inset:0;overflow:visible}.flow-edge{color:var(--blueberry-300);cursor:pointer}.flow-edge path:not(.flow-edge-hit){fill:none;stroke:currentColor;stroke-linecap:round;opacity:.42}.flow-edge:hover path:not(.flow-edge-hit){opacity:.82}.flow-edge-hit{fill:none;stroke:transparent;stroke-width:26}.flow-edge text{fill:var(--content-secondary);font-family:var(--font-mono);font-size:9px;paint-order:stroke;stroke:var(--bg-sunken);stroke-width:4px}.flow-edge-label rect{fill:color-mix(in srgb,var(--bg-primary) 94%,transparent);stroke:var(--border-tertiary);stroke-width:1px}.flow-edge-label text{stroke:none}.flow-edge-label .flow-edge-volume{fill:var(--content-primary);font-weight:var(--weight-semibold)}.flow-edge-label .flow-edge-continuation{fill:var(--content-secondary);font-size:8px}.flow-edge-label .flow-edge-outcomes{fill:var(--content-tertiary);font-size:8px}.flow-edge.outcome-completed{color:var(--matcha-400)}.flow-edge.outcome-failed{color:var(--pomegranate-400)}.flow-edge.outcome-stopped{color:var(--tangerine-400)}.outcome-edge path:not(.flow-edge-hit){opacity:.28}.outcome-edge:hover path:not(.flow-edge-hit){opacity:.7}.flow-node{position:absolute;z-index:2;display:flex;align-items:stretch;justify-content:center;flex-direction:column;gap:7px;padding:11px 12px;overflow:hidden;text-align:left;background:var(--bg-primary);border:1px solid var(--border-secondary);border-left-width:4px;border-radius:var(--radius-lg);box-shadow:0 2px 6px var(--alpha-black-50);cursor:pointer}.flow-node:hover,.flow-node.is-selected{border-color:var(--border-selected);box-shadow:0 0 0 2px var(--bg-selected)}.flow-node.has-failures{background:color-mix(in srgb,var(--bg-danger) 58%,var(--bg-primary))}.flow-node.is-unreached{opacity:.55}.flow-node-heading{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.flow-node-heading>svg{flex:none;color:var(--text-purple)}.flow-node-title{width:100%;overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap}.flow-node-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px}.flow-node-metrics>span{display:flex;align-items:baseline;gap:4px;color:var(--content-secondary);font-size:8px}.flow-node-metrics strong{color:var(--content-primary);font-size:11px;font-weight:var(--weight-semibold)}.flow-node-statuses{display:flex;min-height:14px;align-items:center;gap:10px}.flow-node-statuses i{display:inline-flex;align-items:center;gap:3px;color:var(--content-tertiary);font-size:8px;font-style:normal}.flow-node-statuses .tone-danger{color:var(--content-danger)}.flow-node-statuses .tone-warning{color:var(--content-warning)}.flow-node-statuses .tone-success{color:var(--content-success)}.flow-node-statuses .tone-muted{color:var(--content-tertiary)}.flow-node-failure{display:inline-flex;align-items:center;gap:3px;color:var(--content-danger);font-size:9px}.flow-outcome{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:14px 16px;text-align:left;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:0 3px 9px var(--alpha-black-50);cursor:pointer}.flow-outcome:hover{box-shadow:0 0 0 2px var(--bg-selected)}.flow-outcome>svg{flex:none}.flow-outcome>span{display:flex;min-width:0;flex-direction:column;gap:4px}.flow-outcome strong{font-size:var(--text-sm)}.flow-outcome small{color:var(--content-secondary);font-size:9px}.flow-outcome.outcome-completed{color:var(--content-success);background:color-mix(in srgb,var(--bg-success) 62%,var(--bg-primary));border-color:var(--border-green-light)}.flow-outcome.outcome-failed{color:var(--content-danger);background:color-mix(in srgb,var(--bg-danger) 62%,var(--bg-primary));border-color:var(--border-red-light)}.flow-outcome.outcome-stopped{color:var(--content-warning);background:color-mix(in srgb,var(--bg-warning) 62%,var(--bg-primary));border-color:var(--border-yellow-light)}.node-type-border-trigger{border-left-color:var(--blueberry-400)}.node-type-border-agent{border-left-color:var(--tangerine-400)}.node-type-border-tool{border-left-color:var(--matcha-400)}.node-type-border-code{border-left-color:var(--tangerine-300)}.node-type-border-conditional{border-left-color:var(--ube-600)}.node-type-border-map,.node-type-border-reduce{border-left-color:var(--dragonfruit-600)}.path-count{padding:5px 8px;color:var(--content-secondary);background:var(--bg-secondary);border-radius:999px;font-size:var(--text-xs);white-space:nowrap}.topology-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:530px}.workflow-canvas{min-width:0;overflow:auto;background-color:var(--bg-sunken);background-image:radial-gradient(var(--border-primary) .65px,transparent .75px);background-position:center;background-size:18px 18px}.workflow-stage-row{display:flex;min-width:max-content;align-items:stretch;gap:42px;padding:28px}.workflow-stage{position:relative;width:224px;padding:11px;background:color-mix(in srgb,var(--bg-primary) 92%,transparent);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:0 4px 18px var(--alpha-black-50)}.stage-heading{display:flex;align-items:center;justify-content:space-between;padding:0 2px 9px;color:var(--content-secondary);font-size:11px;font-weight:var(--weight-medium)}.stage-heading span:last-child{color:var(--content-tertiary);font-weight:var(--weight-regular)}.stage-nodes{display:flex;flex-direction:column;gap:7px}.stage-connector{position:absolute;top:50%;right:-43px;width:42px;border-top:1px solid var(--border-primary)}.stage-connector:after{position:absolute;top:-3px;right:0;width:5px;height:5px;border-top:1px solid var(--border-primary);border-right:1px solid var(--border-primary);content:"";transform:rotate(45deg)}.workflow-node{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:58px;padding:8px;overflow:hidden;text-align:left;background:var(--bg-primary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg);cursor:pointer;box-shadow:0 1px 2px var(--alpha-black-50);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.workflow-node:hover{border-color:var(--border-primary);box-shadow:0 4px 12px var(--alpha-black-100);transform:translateY(-1px)}.workflow-node.is-selected{border-color:var(--border-selected);box-shadow:0 0 0 2px var(--bg-selected)}.node-icon{display:grid;width:28px;height:28px;place-items:center;flex:none;border-radius:var(--radius-md)}.node-type-trigger{color:var(--text-purple);background:var(--bg-purple)}.node-type-tool{color:var(--text-blue);background:var(--bg-blue)}.node-type-agent{color:var(--text-teal);background:var(--bg-teal-light)}.node-type-code{color:var(--text-orange);background:var(--bg-orange-light)}.node-type-conditional{color:var(--text-purple);background:var(--bg-purple-light)}.node-type-map,.node-type-reduce{color:var(--text-pink);background:var(--bg-pink-light)}.node-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.node-copy strong{overflow:hidden;font-size:12px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.node-copy small{overflow:hidden;color:var(--content-tertiary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.node-state{display:grid;place-items:center}.status-completed{color:var(--content-success)}.status-failed{color:var(--content-danger)}.status-running{color:var(--content-action)}.status-waiting,.status-paused{color:var(--content-warning)}.status-unknown{color:var(--content-disabled)}.workflow-node .distribution{position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:0}.distribution{display:flex;width:100%;height:6px;overflow:hidden;background:var(--bg-tertiary);border-radius:999px}.distribution-segment{display:block;height:100%}.distribution-segment.tone-success{background:var(--matcha-400)}.distribution-segment.tone-danger{background:var(--pomegranate-400)}.distribution-segment.tone-warning{background:var(--tangerine-400)}.distribution-segment.tone-neutral{background:var(--nightshade-300)}:root[data-theme=dark] .distribution-segment.tone-neutral{background:var(--nightshade-700)}.node-inspector{padding:22px;border-left:1px solid var(--border-secondary);background:var(--bg-primary)}.inspector-kicker{gap:7px;color:var(--content-secondary);font-size:var(--text-xs);text-transform:capitalize}.inspector-kicker .node-icon{width:24px;height:24px;font-size:11px;font-weight:var(--weight-semibold)}.node-inspector h3{margin:16px 0 18px;font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.025em;line-height:1.25}.inspector-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.inspector-stat-row div{display:flex;flex-direction:column;gap:3px}.inspector-stat-row strong{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.inspector-stat-row span{color:var(--content-tertiary);font-size:10px}.legend-row{flex-wrap:wrap;gap:8px 12px;margin-top:10px;color:var(--content-secondary);font-size:10px}.legend-row span,.run-heatmap-legend span{display:inline-flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--nightshade-300)}.legend-dot.success{background:var(--matcha-400)}.legend-dot.danger{background:var(--pomegranate-400)}.legend-dot.warning{background:var(--tangerine-400)}.legend-dot.neutral{background:var(--nightshade-300)}.inspector-errors{margin-top:24px;padding-top:18px;border-top:1px solid var(--border-tertiary)}.inspector-errors h4{margin:0 0 8px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.inspector-errors button{display:grid;grid-template-columns:16px 1fr auto;gap:8px;width:100%;padding:10px;color:var(--content-danger);text-align:left;background:var(--bg-danger);border:1px solid var(--border-red-light);border-radius:var(--radius-lg);cursor:pointer}.inspector-errors button span{display:-webkit-box;overflow:hidden;color:var(--content-primary);font-size:var(--text-xs);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4}.inspector-errors button strong{font-size:var(--text-xs)}.empty-signal{display:flex;gap:7px;padding:10px;color:var(--content-success);background:var(--bg-success);border-radius:var(--radius-md);font-size:var(--text-xs)}.node-schema{margin-top:18px;padding-top:18px;border-top:1px solid var(--border-tertiary)}.node-schema h4{margin:0 0 9px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.schema-loading,.schema-error{color:var(--content-secondary);font-size:10px;line-height:1.45}.schema-error{margin:0;color:var(--content-warning)}.schema-adapter{display:inline-flex;padding:3px 6px;color:var(--text-purple);background:var(--bg-purple);border-radius:var(--radius-sm);font-size:9px;text-transform:capitalize}.node-schema dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}.node-schema dl div{min-width:0;padding:8px;background:var(--bg-secondary);border-radius:var(--radius-md)}.node-schema dt{color:var(--content-tertiary);font-size:9px}.node-schema dd{margin:3px 0 0;overflow:hidden;font-size:10px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.schema-field-groups{display:grid;gap:9px;margin:10px 0}.schema-field-group{padding:9px;background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.schema-field-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 8px}.schema-field-group-heading h5{margin:0;font-size:10px;font-weight:var(--weight-semibold)}.schema-field-group-heading span{display:grid;min-width:18px;height:18px;place-items:center;color:var(--content-secondary);background:var(--bg-tertiary);border-radius:999px;font-size:9px}.schema-field-list{display:grid;gap:6px}.schema-field{min-width:0;background:var(--bg-primary);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);box-shadow:0 1px 2px var(--alpha-black-50)}.schema-field-row{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:start;gap:7px;padding:8px}.schema-field-row>svg{margin-top:1px;color:var(--content-secondary)}.schema-field-copy{min-width:0}.schema-field-copy>div{display:flex;min-width:0;align-items:center;gap:6px}.schema-field-copy code{overflow:hidden;color:var(--content-primary);font-family:var(--font-mono);font-size:9px;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.schema-field-copy p{margin:3px 0 0;overflow:hidden;color:var(--content-tertiary);font-size:9px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.schema-field-copy p code{color:inherit;font-weight:var(--weight-regular)}.schema-required{color:var(--content-action);font-size:8px}.schema-field-type{padding:2px 5px;color:var(--content-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:8px;white-space:nowrap}.schema-field-children{display:grid;gap:5px;padding:0 7px 7px 20px}.schema-field-children .schema-field{box-shadow:none}.node-schema details{border:1px solid var(--border-tertiary);border-radius:var(--radius-md)}.node-schema summary{padding:8px;color:var(--content-secondary);cursor:pointer;font-size:10px}.node-schema pre{max-height:300px;padding:10px;margin:0;overflow:auto;color:var(--content-secondary);background:var(--bg-sunken);border-top:1px solid var(--border-tertiary);font-family:var(--font-mono);font-size:9px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.bottom-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:16px;margin-top:16px}.failure-list{padding:8px 12px 12px}.failure-list button{display:grid;grid-template-columns:24px minmax(0,1fr) 120px;align-items:center;gap:10px;width:100%;padding:10px 8px;text-align:left;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.failure-list button:hover{background:var(--bg-primary-hover)}.failure-rank{color:var(--content-tertiary);font-family:var(--font-mono);font-size:var(--text-xs)}.failure-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.failure-copy strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.failure-copy small{overflow:hidden;color:var(--content-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.failure-meter{height:5px;overflow:hidden;background:var(--bg-tertiary);border-radius:999px}.failure-meter i{display:block;height:100%;background:var(--pomegranate-400);border-radius:inherit}.insight-panel{display:flex;flex-direction:column;justify-content:center;padding:24px;background:color-mix(in srgb,var(--bg-purple) 48%,var(--bg-primary))}.insight-panel h2{max-width:360px;font-size:var(--text-xl);line-height:1.3}.insight-panel p{max-width:460px;margin:10px 0 22px;color:var(--content-secondary);font-size:var(--text-sm);line-height:1.55}.primary-button{display:inline-flex;width:fit-content;align-items:center;gap:7px;height:34px;padding:0 12px;color:var(--content-inverse);background:var(--bg-inverse);border:0;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--weight-medium)}.primary-button:hover{background:var(--bg-inverse-hover)}.diagnosis-panel{margin-top:16px;overflow:hidden}.diagnosis-list{padding:0 12px 12px}.diagnosis-item{border-bottom:1px solid var(--border-tertiary)}.diagnosis-item:last-child{border-bottom:0}.diagnosis-item summary{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 8px;border-radius:var(--radius-md);cursor:pointer;list-style:none}.diagnosis-item summary::-webkit-details-marker{display:none}.diagnosis-item summary:hover{background:var(--bg-primary-hover)}.diagnosis-rank{display:grid;width:24px;height:24px;place-items:center;color:var(--content-secondary);background:var(--bg-secondary);border-radius:50%;font-family:var(--font-mono);font-size:10px}.severity-danger .diagnosis-rank{color:var(--content-danger);background:var(--bg-danger)}.severity-warning .diagnosis-rank{color:var(--content-warning);background:var(--bg-warning)}.severity-info .diagnosis-rank{color:var(--content-action);background:var(--bg-selected)}.diagnosis-summary{display:flex;min-width:0;flex-direction:column;gap:4px}.diagnosis-summary strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.diagnosis-summary small{overflow:hidden;color:var(--content-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.diagnosis-impact{color:var(--content-tertiary);font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.diagnosis-body{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(360px,1.2fr);gap:18px;padding:2px 8px 16px 48px}.recommendation{display:flex;align-items:flex-start;gap:9px;padding:12px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.recommendation>svg{flex:none;margin-top:1px;color:var(--content-action)}.recommendation p{margin:0;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.5}.recommendation strong{display:block;margin-bottom:3px;color:var(--content-primary);font-weight:var(--weight-semibold)}.diagnosis-commands{display:grid;gap:7px}.diagnosis-commands .cli-command{min-width:0}.evidence-grid{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(520px,1.2fr);gap:16px;margin-top:16px}.evidence-grid>.panel{min-width:0;overflow:hidden}.panel-heading .eyebrow:has(svg){display:flex;align-items:center;gap:5px}.quality-list{padding:4px 18px 14px}.quality-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;padding:14px 0;border-bottom:1px solid var(--border-tertiary)}.quality-row:last-child{border-bottom:0}.quality-row>div:first-child strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.quality-row p{margin:3px 0 0;color:var(--content-secondary);font-size:10px;line-height:1.45}.quality-rate{align-self:start;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.quality-track{height:5px;overflow:hidden;background:var(--bg-tertiary);border-radius:999px}.quality-track i{display:block;height:100%;background:var(--matcha-400);border-radius:inherit}.quality-row>small{color:var(--content-tertiary);font-size:9px;white-space:nowrap}.snapshot-content{padding:16px 18px 18px}.snapshot-pair{display:grid;grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.snapshot-pair>svg{color:var(--content-tertiary)}.snapshot-pair>div{display:grid;min-width:0;grid-template-columns:auto 1fr;gap:3px 8px;align-items:baseline}.snapshot-pair span{color:var(--content-secondary);font-size:10px}.snapshot-pair code{overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis}.snapshot-pair small{grid-column:1 / -1;color:var(--content-tertiary);font-size:9px}.snapshot-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.snapshot-metric{display:flex;min-width:0;flex-direction:column;gap:4px;padding:12px;border-right:1px solid var(--border-tertiary)}.snapshot-metric:last-child{border-right:0}.snapshot-metric>span{color:var(--content-secondary);font-size:10px}.snapshot-metric strong{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.snapshot-metric small{font-family:var(--font-mono);font-size:9px}.snapshot-metric small.is-positive{color:var(--content-success)}.snapshot-metric small.is-negative{color:var(--content-danger)}.snapshot-metric small.is-neutral{color:var(--content-tertiary)}.confidence-note{display:flex;align-items:center;gap:6px;margin:-4px 0 12px;color:var(--content-warning);font-size:10px}.change-list{display:grid;gap:4px}.change-list button{display:grid;grid-template-columns:8px minmax(0,1fr);align-items:center;gap:9px;width:100%;padding:7px 8px;text-align:left;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.change-list button:hover:not(:disabled){background:var(--bg-primary-hover)}.change-list button:disabled{color:inherit;cursor:default}.change-list button>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.change-list strong{overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.change-list small{color:var(--content-tertiary);font-size:9px}.change-mark{width:7px;height:7px;border-radius:50%;background:var(--blueberry-400)}.change-added{background:var(--matcha-400)}.change-removed{background:var(--pomegranate-400)}.change-renamed{background:var(--ube-600)}.change-wiring{background:var(--tangerine-400)}.no-structural-change{display:flex;align-items:center;gap:7px;padding:9px;color:var(--content-success);font-size:var(--text-xs)}.single-snapshot,.empty-evidence{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;text-align:center}.single-snapshot .snapshot-id{padding:4px 7px;color:var(--content-action);background:var(--bg-selected);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:10px}.single-snapshot strong{margin-top:12px;font-size:var(--text-sm)}.single-snapshot p,.empty-evidence{max-width:360px;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.5}.cli-contract-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:28px;padding:20px 22px}.contract-copy .eyebrow{display:flex;align-items:center;gap:5px}.contract-copy h2{margin:0;font-size:var(--text-lg)}.contract-copy p{max-width:720px;margin:6px 0 0;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.55}.contract-commands{display:grid;gap:7px}.run-explorer{width:min(1700px,100%);margin:0 auto;padding:16px 20px 40px}.run-heatmap{display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:16px;min-height:74px;padding:12px 16px;margin-bottom:12px}.run-heatmap-copy{display:grid;grid-template-columns:auto auto;gap:2px 8px}.run-heatmap-copy .eyebrow{grid-column:1 / -1;margin:0}.run-heatmap-copy strong{font-size:var(--text-sm)}.run-heatmap-copy>span:last-child{color:var(--content-tertiary);font-size:var(--text-xs)}.run-pixels{display:grid;grid-template-columns:repeat(auto-fit,minmax(4px,1fr));gap:3px;align-items:center}.run-pixel{min-width:4px;height:22px;padding:0;border:0;border-radius:2px;background:var(--nightshade-300);cursor:pointer;opacity:.75;transition:transform .1s ease,opacity .1s ease}.run-pixel.status-completed{background:var(--matcha-400)}.run-pixel.status-failed{background:var(--pomegranate-400)}.run-pixel:hover,.run-pixel.is-selected{opacity:1;transform:scaleY(1.35)}.run-pixel.is-selected{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 3px var(--border-strong)}.run-heatmap-legend{display:flex;gap:10px;color:var(--content-secondary);font-size:10px}.shortcut-hint{display:flex;align-items:center;gap:9px;color:var(--content-secondary);font-size:10px;white-space:nowrap}.shortcut-hint span{display:inline-flex;align-items:center;gap:3px}kbd{display:inline-grid;min-width:18px;height:18px;place-items:center;padding:0 4px;color:var(--content-secondary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-bottom-color:var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:9px}.explorer-grid{display:grid;grid-template-columns:280px minmax(500px,1fr) 360px;height:calc(100vh - 232px);min-height:600px;gap:12px}.run-rail,.trace-workspace,.step-drawer{min-height:0;overflow:hidden}.run-rail{display:flex;flex-direction:column}.run-rail-toolbar{padding:12px;border-bottom:1px solid var(--border-tertiary)}.search-field{display:flex;height:34px;align-items:center;gap:7px;padding:0 9px;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--content-tertiary)}.search-field:focus-within{border-color:var(--border-selected);box-shadow:0 0 0 2px var(--bg-selected)}.search-field input{width:100%;padding:0;color:var(--content-primary);background:transparent;border:0;outline:none;font-size:var(--text-xs)}.search-field input::placeholder{color:var(--content-placeholder)}.segmented-control{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;margin-top:8px;background:var(--bg-secondary);border-radius:var(--radius-md)}.segmented-control button{display:flex;height:27px;align-items:center;justify-content:center;gap:4px;padding:0 6px;color:var(--content-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;font-size:10px;text-transform:capitalize}.segmented-control button.is-active{color:var(--content-primary);background:var(--bg-primary);box-shadow:0 1px 2px var(--alpha-black-100)}.run-list{flex:1;overflow-y:auto;padding:6px}.load-more{width:calc(100% - 8px);height:30px;margin:5px 4px;color:var(--content-secondary);background:var(--bg-secondary);border:0;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs)}.load-more:hover{color:var(--content-primary);background:var(--bg-secondary-hover)}.run-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:9px 8px;text-align:left;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.run-row:hover{background:var(--bg-primary-hover)}.run-row.is-selected{background:var(--bg-selected)}.run-row-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.run-row-copy strong{overflow:hidden;font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.run-row-copy small{overflow:hidden;color:var(--content-tertiary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.run-row-steps{color:var(--content-secondary);font-family:var(--font-mono);font-size:10px}.status-badge{display:inline-flex;width:fit-content;align-items:center;gap:5px;min-height:24px;padding:0 7px;border-radius:999px;background:var(--bg-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.status-badge.status-completed{color:var(--content-success);background:var(--bg-success)}.status-badge.status-failed{color:var(--content-danger);background:var(--bg-danger)}.status-badge.status-running{color:var(--content-action);background:var(--bg-selected)}.status-badge.status-waiting,.status-badge.status-paused{color:var(--content-warning);background:var(--bg-warning)}.status-badge.is-compact{width:18px;height:18px;min-height:0;padding:0;justify-content:center;background:transparent}.trace-workspace{display:flex;flex-direction:column}.trace-workspace.is-loading{opacity:.62;pointer-events:none}.trace-heading{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:16px;padding:13px 16px;border-bottom:1px solid var(--border-tertiary)}.trace-title-line{gap:8px}.trace-heading p{margin:5px 0 0;color:var(--content-tertiary);font-family:var(--font-mono);font-size:10px}.trace-path-context{display:flex;min-height:34px;align-items:center;gap:7px;padding:7px 16px;color:var(--content-secondary);background:var(--bg-selected);border-bottom:1px solid var(--border-tertiary);font-size:10px}.trace-path-context>span:last-child{margin-left:auto;color:var(--content-tertiary)}.trace-credits{display:flex;flex-direction:column;align-items:flex-end}.trace-credits strong{font-size:var(--text-lg)}.trace-credits span{color:var(--content-tertiary);font-size:10px}.trace-workspace>.workflow-canvas{flex:1}.trace-workspace .workflow-stage-row{padding:22px}.trace-workspace .workflow-stage{width:210px}.run-conclusion{display:grid;grid-template-columns:18px 1fr;gap:10px;padding:14px 16px;border-top:1px solid var(--border-tertiary)}.run-conclusion.is-danger{color:var(--content-danger);background:var(--bg-danger)}.run-conclusion.is-success{color:var(--content-success);background:var(--bg-success)}.run-conclusion strong{color:var(--content-primary);font-size:var(--text-xs)}.run-conclusion p{display:-webkit-box;margin:4px 0 0;overflow:hidden;color:var(--content-secondary);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.step-drawer{overflow-y:auto}.drawer-heading{padding:17px 18px;border-bottom:1px solid var(--border-tertiary)}.drawer-heading p{margin:5px 0 0;color:var(--content-secondary);font-size:var(--text-xs);text-transform:capitalize}.step-facts{padding:10px 18px;margin:0;border-bottom:1px solid var(--border-tertiary)}.step-facts div{display:flex;min-height:34px;align-items:center;justify-content:space-between;gap:16px}.step-facts dt{color:var(--content-secondary);font-size:var(--text-xs)}.step-facts dd{margin:0;font-size:var(--text-xs)}.data-flow-block{padding:13px 12px;border-bottom:1px solid var(--border-tertiary)}.data-flow-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.data-flow-heading .eyebrow{margin:0}.data-flow-heading>small{color:var(--content-tertiary);font-size:9px}.lineage-strip{display:grid;grid-template-columns:minmax(0,1fr) 13px minmax(0,1fr) 13px minmax(0,1fr);align-items:center;gap:5px;padding:8px;margin-top:8px;background:var(--bg-secondary);border-radius:var(--radius-md)}.lineage-strip span,.lineage-strip strong{overflow:hidden;font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lineage-strip span{color:var(--content-secondary)}.lineage-strip strong{font-weight:var(--weight-semibold)}.lineage-strip svg{color:var(--content-tertiary)}.data-payloads{display:grid;gap:6px;margin-top:8px}.data-payload{overflow:hidden;border:1px solid var(--border-tertiary);border-radius:var(--radius-md)}.data-payload summary{display:flex;min-height:32px;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;background:var(--bg-primary);cursor:pointer;list-style:none}.data-payload summary::-webkit-details-marker{display:none}.data-payload summary span{font-size:var(--text-xs);font-weight:var(--weight-medium)}.data-payload summary small{color:var(--content-tertiary);font-size:9px}.data-field-list{display:grid;padding:4px 8px 7px;border-top:1px solid var(--border-tertiary)}.data-field-list>div{display:grid;grid-template-columns:minmax(80px,.65fr) minmax(0,1.35fr);gap:8px;padding:5px 0;border-bottom:1px solid var(--border-tertiary)}.data-field-list>div:last-child{border-bottom:0}.data-field-list code{overflow:hidden;color:var(--content-secondary);font-family:var(--font-mono);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.data-field-list span{display:-webkit-box;overflow:hidden;font-size:9px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.data-payload>p{margin:0;padding:8px;color:var(--content-secondary);font-size:10px}.data-payload pre{max-height:180px;padding:8px;margin:0;overflow:auto;color:var(--content-secondary);background:var(--bg-sunken);border-top:1px solid var(--border-tertiary);font-family:var(--font-mono);font-size:8px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.inline-loading{display:flex;min-height:70px;align-items:center;justify-content:center;gap:8px;color:var(--content-secondary);font-size:10px}.inline-loading .pixel-loader{width:14px;height:14px;background-size:5px 5px}.data-detail-error{margin:9px 1px 0;color:var(--content-tertiary);font-size:10px;line-height:1.45}.drawer-block{margin:12px;padding:12px;border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.drawer-block h3{display:flex;align-items:center;gap:6px;margin:0 0 7px;font-size:var(--text-xs);font-weight:var(--weight-semibold)}.drawer-block p{margin:0;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.55}.error-block{background:var(--bg-danger);border-color:var(--border-red-light)}.error-block h3{color:var(--content-danger)}.success-block{background:var(--bg-success);border-color:var(--border-green-light)}.success-block h3{color:var(--content-success)}.prompt-block p{display:-webkit-box;overflow:hidden;font-family:var(--font-mono);font-size:10px;-webkit-box-orient:vertical;-webkit-line-clamp:12}.drawer-block-heading{justify-content:space-between}.drawer-block-heading button{display:grid;width:26px;height:26px;place-items:center;padding:0;color:var(--content-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer}.drawer-block-heading button:hover{background:var(--bg-emphasis)}.cli-actions{display:flex;flex-direction:column;gap:7px;padding:14px 12px;border-top:1px solid var(--border-tertiary);border-bottom:1px solid var(--border-tertiary)}.cli-actions .eyebrow{margin:0 0 2px}.cli-command{position:relative;display:grid;gap:5px;width:100%;padding:9px 10px;text-align:left;background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg);cursor:pointer}.cli-command:hover{border-color:var(--border-primary);background:var(--bg-secondary-hover)}.cli-command.is-primary{background:var(--bg-inverse);border-color:var(--bg-inverse);color:var(--content-inverse)}.cli-command>span:first-child{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:var(--weight-medium)}.cli-command code{display:block;overflow:hidden;color:inherit;font-family:var(--font-mono);font-size:9px;opacity:.72;text-overflow:ellipsis;white-space:nowrap}.copy-state{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;color:inherit;font-size:9px;opacity:.65}.drawer-nav{justify-content:space-between;padding:12px;border-top:1px solid var(--border-tertiary)}.drawer-nav button{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 8px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs)}.drawer-nav button:hover{background:var(--bg-primary-hover)}.debug-loop{position:fixed;right:22px;bottom:14px;z-index:25;display:flex;height:32px;align-items:center;gap:7px;padding:0 10px;color:var(--content-secondary);background:color-mix(in srgb,var(--bg-primary) 94%,transparent);border:1px solid var(--border-secondary);border-radius:999px;box-shadow:0 4px 18px var(--alpha-black-100);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:10px}.debug-loop span{display:inline-flex;align-items:center;gap:3px}.loading-state{display:grid;min-height:100vh;place-items:center;gap:10px;color:var(--content-secondary);font-size:var(--text-sm)}.connect-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:radial-gradient(circle at 50% 30%,var(--bg-purple),transparent 38%),var(--bg-secondary)}.connect-card{width:min(640px,100%);padding:34px}.connect-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:var(--content-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.connect-brand img{width:36px;height:36px;object-fit:contain}.connect-icon{display:grid;width:42px;height:42px;place-items:center;margin-bottom:20px;color:var(--text-purple);background:var(--bg-purple);border-radius:var(--radius-lg)}.connect-card h1{margin:0;font-size:28px;letter-spacing:-.035em}.connect-pane>p{margin:10px 0 18px;color:var(--content-secondary);line-height:1.6}.connect-tabs{display:flex;gap:4px;padding:3px;margin-bottom:20px;background:var(--bg-secondary);border-radius:var(--radius-lg)}.connect-tabs button{height:30px;flex:1;color:var(--content-secondary);background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs)}.connect-tabs button.is-active{color:var(--content-primary);background:var(--bg-primary);box-shadow:0 1px 3px var(--alpha-black-50);font-weight:var(--weight-medium)}.connect-requirement{display:grid;gap:7px;padding:11px 12px;margin-bottom:12px;color:var(--content-secondary);background:var(--bg-blue);border:1px solid var(--border-blue-light);border-radius:var(--radius-lg);font-size:10px;line-height:1.5}.connect-requirement>span{display:flex;align-items:flex-start;gap:7px}.connect-requirement>span>svg{flex:none;margin-top:1px;color:var(--content-success)}.connect-requirement strong{color:var(--content-primary);font-size:var(--text-xs)}.connect-requirement code{color:var(--content-primary);font-family:var(--font-mono)}.connect-requirement a,.about-pane a{color:var(--content-action)}.connection-status{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;color:var(--content-secondary);font-size:var(--text-xs)}.connection-status i{width:7px;height:7px;background:var(--content-tertiary);border-radius:50%}.connect-card>code{display:block;padding:13px 14px;color:var(--content-inverse);background:var(--bg-inverse);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--text-sm)}.connect-steps{display:grid;gap:8px;padding:0;margin:0;list-style:none}.connect-steps>li{display:grid;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;padding:11px;background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.connect-steps>li>span{display:grid;width:22px;height:22px;place-items:center;color:var(--content-secondary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:999px;font-size:10px}.connect-steps li div{display:grid;min-width:0;gap:6px}.connect-steps strong{font-size:var(--text-xs)}.connect-steps code{font-family:var(--font-mono);font-size:10px}.connect-steps button{display:flex;width:100%;min-width:0;min-height:34px;align-items:center;gap:9px;justify-content:space-between;padding:0 9px;color:var(--content-inverse);background:var(--bg-inverse);border:0;border-radius:var(--radius-md);cursor:pointer;font-size:10px}.connect-steps button code{display:block;min-width:0;flex:1;margin-right:auto;overflow:hidden;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap}.copy-label{display:inline-flex;flex:none;align-items:center;gap:5px}.connect-steps p{margin:0;color:var(--content-secondary);font-size:10px;line-height:1.45}.connect-steps small{color:var(--content-tertiary);font-size:9px}.connect-steps small code{color:var(--content-secondary)}.manual-connect{display:grid;gap:9px;padding:12px;margin-top:12px;background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.manual-connect>div:first-child{display:flex;justify-content:space-between;gap:12px}.manual-connect strong{font-size:var(--text-xs)}.manual-connect span,.manual-connect small{color:var(--content-secondary);font-size:10px}.manual-connect small{color:var(--content-danger)}.manual-connect-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.manual-connect input{min-width:0;height:36px;padding:0 9px;color:var(--content-primary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);outline:0;font-family:var(--font-mono);font-size:9px}.manual-connect input:focus{border-color:var(--border-selected);box-shadow:0 0 0 2px var(--bg-selected)}.manual-connect button{height:36px;padding:0 12px;color:var(--content-inverse);background:var(--bg-inverse);border:0;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium)}.manual-connect button:disabled{cursor:not-allowed;opacity:.4}.about-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.about-outcomes>div{display:flex;min-width:0;flex-direction:column;gap:5px;padding:11px;background:var(--bg-secondary);border:1px solid var(--border-tertiary);border-radius:var(--radius-lg)}.about-outcomes strong{font-size:var(--text-xs)}.about-outcomes span{color:var(--content-secondary);font-size:10px;line-height:1.45}.troubleshooting-list{margin-top:18px}.troubleshooting-list h2{margin:0 0 6px;font-size:var(--text-sm)}.troubleshooting-list details{border-bottom:1px solid var(--border-tertiary)}.troubleshooting-list summary{padding:9px 0;cursor:pointer;font-size:var(--text-xs);font-weight:var(--weight-medium)}.troubleshooting-list p{padding:0 0 10px;margin:0;color:var(--content-secondary);font-size:10px;line-height:1.55}.troubleshooting-list code{color:var(--content-primary);font-family:var(--font-mono)}.privacy-row{display:flex;align-items:center;gap:7px;margin-top:18px;color:var(--content-tertiary);font-size:var(--text-xs)}.creator-credit{margin-top:14px;color:var(--content-tertiary);font-size:10px;text-align:right}.app-credit{padding:0 28px 18px;color:var(--content-tertiary);font-size:10px;text-align:center}.connect-error,.inline-app-error{padding:10px 12px;margin-top:12px;color:var(--content-danger);background:var(--bg-danger);border:1px solid var(--border-red-light);border-radius:var(--radius-md);font-size:var(--text-xs)}.workflow-picker label{display:grid;gap:6px;color:var(--content-secondary);font-size:var(--text-xs)}.workflow-picker select{width:100%;height:40px;padding:0 10px;color:var(--content-primary);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);outline:0}.workflow-load-status{display:flex;justify-content:space-between;gap:10px;margin-top:7px;color:var(--content-tertiary);font-size:10px}.workflow-load-status span:last-child{display:inline-flex;align-items:center;gap:5px}.mini-loader{width:8px;height:8px;border:1px solid var(--border-primary);border-top-color:var(--content-action);border-radius:50%;animation:rotate-refresh .7s linear infinite}.picker-actions{display:grid;grid-template-columns:150px 1fr;align-items:end;gap:10px;margin-top:12px}.picker-actions button{height:40px;color:var(--content-inverse);background:var(--bg-inverse);border:0;border-radius:var(--radius-md);cursor:pointer;font-weight:var(--weight-medium)}.picker-actions button:disabled{cursor:not-allowed;opacity:.45}.refresh-banner{position:fixed;top:74px;left:50%;z-index:50;display:flex;align-items:center;gap:9px;padding:8px 12px;color:var(--content-primary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:999px;box-shadow:0 8px 24px var(--alpha-black-100);font-size:var(--text-xs);transform:translate(-50%)}.refresh-banner .pixel-loader{width:14px;height:14px;background-size:5px 5px}.inline-app-error{position:fixed;top:72px;right:18px;z-index:51;max-width:420px;margin:0}.no-runs-state{display:flex;width:min(520px,100%);min-height:360px;align-items:center;justify-content:center;flex-direction:column;margin:60px auto;padding:36px;text-align:center}.no-runs-state>.node-icon{width:38px;height:38px;margin-bottom:14px}.no-runs-state .eyebrow{margin-bottom:6px}.no-runs-state h2{margin:0;font-size:var(--text-xl)}.no-runs-state>p{max-width:380px;margin:9px 0 20px;color:var(--content-secondary);line-height:1.55}.no-runs-state .cli-command{width:min(360px,100%)}.pixel-loader{width:22px;height:22px;background:radial-gradient(circle,var(--content-primary) 2px,transparent 2.5px) 0 0 / 7px 7px;animation:pulse-loader .9s ease-in-out infinite alternate}@keyframes pulse-loader{to{opacity:.25;transform:scale(.92)}}.flow-page{display:grid;gap:16px}.flow-page .waterfall-panel{margin:0}.flow-reading-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.flow-reading-guide>div{display:flex;align-items:flex-start;gap:9px;padding:12px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.flow-reading-guide>div>svg{flex:none;margin-top:1px;color:var(--content-secondary)}.flow-reading-guide span{display:flex;flex-direction:column;gap:4px}.flow-reading-guide strong{font-size:var(--text-xs)}.flow-reading-guide small{color:var(--content-secondary);font-size:10px;line-height:1.45}.step-inspector-popout{display:flex;min-width:0;height:100%;overflow:hidden;flex-direction:column;box-shadow:0 8px 30px var(--alpha-black-100);animation:inspector-slide-in .16s ease-out}@keyframes inspector-slide-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.step-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid var(--border-tertiary)}.step-inspector-heading h2{margin:0;font-size:var(--text-lg);letter-spacing:-.015em}.step-inspector-heading p{margin:4px 0 0;color:var(--content-secondary);font-size:var(--text-xs);text-transform:capitalize}.step-inspector-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:41px;padding:5px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border-tertiary)}.step-inspector-navigation button{display:inline-flex;height:29px;align-items:center;gap:4px;padding:0 7px;color:var(--content-action);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:10px;font-weight:var(--weight-medium)}.step-inspector-navigation button:hover:not(:disabled){background:var(--bg-primary-hover);border-color:var(--border-primary)}.step-inspector-navigation button:disabled{color:var(--content-disabled);cursor:not-allowed;opacity:.55}.step-inspector-navigation span{overflow:hidden;color:var(--content-tertiary);font-size:9px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.step-inspector-scroll{min-height:0;overflow-y:auto}.step-detail-summary{padding:18px 20px;border-bottom:1px solid var(--border-tertiary)}.step-run-evidence{border-bottom:1px solid var(--border-tertiary)}.step-run-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 20px 12px}.step-run-heading h3{margin:0;font-size:var(--text-sm)}.step-run-heading p{margin:4px 0 0;color:var(--content-secondary);font-size:10px}.step-run-heading>strong{color:var(--content-secondary);font-size:10px;font-weight:var(--weight-medium);white-space:nowrap}.step-record-search{margin:0 20px 10px}.step-run-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;margin:0 20px 10px;background:var(--bg-secondary);border-radius:var(--radius-md)}.step-run-tabs button{display:flex;height:30px;align-items:center;justify-content:center;gap:5px;color:var(--content-secondary);background:transparent;border:0;border-radius:var(--radius-sm);cursor:pointer;font-size:10px}.step-run-tabs button:first-child svg{color:var(--content-success)}.step-run-tabs button:last-child svg{color:var(--content-danger)}.step-run-tabs button.is-active{color:var(--content-primary);background:var(--bg-primary);box-shadow:0 1px 3px var(--alpha-black-100)}.step-run-tabs strong{font-weight:var(--weight-semibold)}.step-run-list{display:grid;max-height:300px;overflow-y:auto;padding:0 12px 12px}.step-run-list>button{display:grid;grid-template-columns:20px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;padding:9px 8px;text-align:left;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer}.step-run-list>button:hover{background:var(--bg-primary-hover)}.step-run-list>button>svg{color:var(--content-tertiary)}.step-run-status{display:grid;place-items:center}.step-run-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.step-run-copy strong,.step-run-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-run-copy strong{font-size:var(--text-xs);font-weight:var(--weight-medium)}.step-run-copy small{color:var(--content-tertiary);font-size:9px}.step-run-empty{padding:22px 8px;color:var(--content-tertiary);font-size:var(--text-xs);text-align:center}.step-inspector-scroll>.node-schema{padding:18px 20px 22px;margin:0;border-top:0;border-bottom:1px solid var(--border-tertiary)}.settings-page{width:min(1160px,100%)}.settings-intro{max-width:720px;margin-bottom:20px}.settings-intro h1{margin:0;font-size:26px;letter-spacing:-.03em}.settings-intro p{margin:8px 0 0;color:var(--content-secondary);line-height:1.55}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-card{padding:18px}.settings-card-heading{display:flex;align-items:flex-start;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--border-tertiary)}.settings-card-heading>svg{flex:none;margin-top:1px;color:var(--content-secondary)}.settings-card-heading h2{margin:0;font-size:var(--text-base)}.settings-card-heading p{margin:4px 0 0;color:var(--content-secondary);font-size:var(--text-xs);line-height:1.45}.settings-identity{display:grid;margin:12px 0 0}.settings-identity>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--border-tertiary)}.settings-identity dt{color:var(--content-secondary);font-size:var(--text-xs)}.settings-identity dd{margin:0;font-size:var(--text-xs);font-weight:var(--weight-medium)}.settings-commands{display:grid;gap:8px;margin-top:12px}.settings-note{margin:12px 0 0;color:var(--content-secondary);font-size:10px;line-height:1.55}.settings-note code{color:var(--content-primary);font-family:var(--font-mono)}.settings-link{display:flex;height:38px;align-items:center;justify-content:space-between;padding:0 10px;margin-top:12px;color:var(--content-action);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none}.settings-link:hover{background:var(--bg-primary-hover);border-color:var(--border-primary)}.results-page{width:min(1700px,100%);margin:0 auto;padding:20px 28px 48px}.result-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.result-summary>div{display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:13px 15px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.result-summary span{color:var(--content-secondary);font-size:var(--text-xs)}.result-summary strong{font-size:var(--text-xl)}.result-summary .tone-warning strong{color:var(--content-warning)}.result-summary .tone-danger strong{color:var(--content-danger)}.result-summary .tone-success strong{color:var(--content-success)}.results-panel{overflow:hidden}.results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:18px 20px;border-bottom:1px solid var(--border-tertiary)}.results-toolbar h2{margin:0;font-size:var(--text-lg)}.results-toolbar p{margin:5px 0 0;color:var(--content-secondary);font-size:var(--text-xs)}.results-actions{display:flex;align-items:center;gap:8px}.results-actions .search-field{width:min(320px,30vw);background:var(--bg-secondary)}.export-button{display:inline-flex;height:34px;align-items:center;gap:6px;padding:0 10px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-xs);white-space:nowrap}.export-button:hover{background:var(--bg-primary-hover)}.result-filters{display:flex;min-height:48px;align-items:center;gap:5px;padding:8px 20px;background:var(--bg-sunken);border-bottom:1px solid var(--border-tertiary)}.result-filters button{display:inline-flex;height:28px;align-items:center;gap:5px;padding:0 8px;color:var(--content-secondary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:10px;text-transform:capitalize}.result-filters button:hover{color:var(--content-primary)}.result-filters button.is-active{color:var(--content-primary);background:var(--bg-primary);border-color:var(--border-secondary);box-shadow:0 1px 2px var(--alpha-black-50)}.result-filters button span{display:grid;min-width:17px;height:17px;place-items:center;padding:0 4px;background:var(--bg-secondary);border-radius:999px;font-family:var(--font-mono);font-size:8px}.result-filters>small{margin-left:auto;color:var(--content-tertiary);font-size:10px}.results-table-wrap{max-height:calc(100vh - 330px);min-height:420px;overflow:auto}.results-table{width:100%;border-collapse:collapse;table-layout:fixed}.results-table th{position:sticky;top:0;z-index:2;height:34px;padding:0 9px;color:var(--content-secondary);text-align:left;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);font-size:9px;font-weight:var(--weight-medium);text-transform:uppercase}.results-table th:nth-child(1){width:48px}.results-table th:nth-child(2){width:175px}.results-table th:nth-child(3){width:auto}.results-table th:nth-child(4){width:150px}.results-table th:nth-child(5){width:74px}.results-table th:nth-child(6),.results-table th:nth-child(7){width:78px}.results-table th:nth-child(8){width:94px}.results-table th:nth-child(9){width:68px}.results-table tbody tr{content-visibility:auto;contain-intrinsic-size:62px;border-bottom:1px solid var(--border-tertiary)}.results-table tbody tr.clickable-result-row{cursor:pointer}.results-table tbody tr:hover{background:var(--bg-primary-hover)}.results-table td{height:62px;padding:8px 9px;color:var(--content-secondary);font-size:10px;vertical-align:middle}.results-table td code{font-family:var(--font-mono);font-size:9px}.result-link{display:flex;width:100%;min-width:0;flex-direction:column;gap:3px;padding:0;text-align:left;background:transparent;border:0;cursor:pointer}.result-link strong{overflow:hidden;color:var(--content-primary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap}.result-link small{color:var(--content-tertiary);font-size:9px}.open-trace-cue{display:inline-flex;align-items:center;gap:4px;padding:3px 0;color:var(--content-action);background:transparent;border:0;cursor:pointer;font-size:9px;font-weight:var(--weight-medium);opacity:.35;transition:opacity .12s ease}.clickable-result-row:hover .open-trace-cue,.clickable-result-row:focus-visible .open-trace-cue{opacity:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.result-findings{display:-webkit-box;margin:0;overflow:hidden;color:var(--content-secondary);font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.review-cue{display:inline-flex;max-width:100%;align-items:center;gap:5px;padding:4px 6px;overflow:hidden;border-radius:var(--radius-sm);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.review-cue.tone-success{color:var(--content-success);background:var(--bg-success)}.review-cue.tone-warning{color:var(--content-warning);background:var(--bg-warning)}.review-cue.tone-danger{color:var(--content-danger);background:var(--bg-danger)}.empty-results{display:grid;min-height:320px;place-items:center;color:var(--content-secondary);font-size:var(--text-sm)}.table-load-more{width:100%;height:38px;color:var(--content-action);background:var(--bg-primary);border:0;border-top:1px solid var(--border-tertiary);cursor:pointer;font-size:var(--text-xs)}.table-load-more:hover{background:var(--bg-primary-hover)}@media(max-width:1180px){.app-header{grid-template-columns:auto 1fr auto;gap:16px}.workflow-switcher{justify-self:center}.freshness,.cli-connected{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.flow-workspace.has-inspector{grid-template-columns:minmax(0,1fr) 350px}.topology-layout{grid-template-columns:1fr}.node-inspector{border-top:1px solid var(--border-secondary);border-left:0}.evidence-grid,.cli-contract-panel{grid-template-columns:1fr}.explorer-grid{grid-template-columns:250px minmax(500px,1fr)}.step-drawer{display:none}}@media(max-width:760px){.app-header{grid-template-columns:1fr auto;padding:0 16px}.brand-lockup>div,.header-actions .open-clay-button{display:none}.workflow-switcher{grid-column:1;grid-row:1;min-width:0;justify-self:start;margin-left:42px}.header-actions{grid-column:2}.view-tabs{padding:0 12px}.page-content,.run-explorer,.results-page{padding-right:12px;padding-left:12px}.metric-grid,.flow-reading-guide,.about-outcomes,.settings-grid,.bottom-grid{grid-template-columns:1fr}.diagnosis-body{grid-template-columns:1fr;padding-left:8px}.evidence-grid{grid-template-columns:1fr}.panel-heading{align-items:flex-start;flex-direction:column}.run-heatmap{grid-template-columns:1fr}.run-heatmap-legend{display:none}.explorer-grid{grid-template-columns:1fr;height:auto}.run-rail{max-height:360px}.trace-workspace{min-height:700px}.result-summary{grid-template-columns:repeat(2,1fr)}.results-toolbar,.results-actions{align-items:stretch;flex-direction:column}.results-actions .search-field{width:100%}.results-table-wrap{max-height:none}.manual-connect>div:first-child{align-items:flex-start;flex-direction:column;gap:3px}.manual-connect-row{grid-template-columns:1fr}.flow-workspace.has-inspector{grid-template-columns:minmax(0,1fr)}.step-inspector-popout{position:fixed;top:116px;right:8px;bottom:8px;z-index:50;width:calc(100vw - 16px);height:auto;max-height:none}}