.application{width:100vw;height:100vh;overflow:hidden;max-height:100vh;display:grid;grid-template-columns:290px 1fr;grid-template-rows:1fr;gap:0px 0px;@media screen and (max-width:768px){grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow:auto}}.content{overflow:auto;width:100%}.app-auth-layout{display:grid;place-content:center;height:100vh;form{width:50vw}}@keyframes pulse-red{0%{box-shadow:0 0 #f006}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}@keyframes pulse-green{0%{box-shadow:0 0 #0f06}70%{box-shadow:0 0 0 10px #0f00}to{box-shadow:0 0 #0f00}}.dot{width:6px;height:6px;border-radius:50%;background-color:#555;animation:bounce 1.2s infinite}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.app-navigation{display:flex;flex-direction:column;gap:1rem;.app-navigation__header{& h3{font-size:.876rem;font-weight:400;text-align:left}& ul{list-style-type:none;padding:0;margin:0;margin-top:1rem;& li{margin-bottom:.2rem;ul{padding-left:1rem}& a{display:flex;align-items:center;padding:.5rem .7rem;gap:.7rem;font-size:.99rem;font-weight:500;text-decoration:none;transition:all ease-in-out .15s;border-radius:2rem;&:hover{color:var(--color-blue);background-color:var(--chakra-colors-bg-muted)}}}}}}@media(max-width:768px){input,select,textarea{font-size:16px}}body,a,button,input,textarea{touch-action:manipulation}.debug-flow-panel{--debug-flow-ink: oklch(.22 0 0);--debug-flow-line: oklch(.2 0 0 / .18);--debug-flow-line-strong: oklch(.16 0 0 / .55);--debug-flow-wash: oklch(.16 0 0 / .05);--debug-flow-wash-strong: oklch(.16 0 0 / .09);--debug-flow-edge: oklch(.2 0 0 / .28);--debug-flow-edge-strong: oklch(.16 0 0 / .5);--debug-flow-ring: oklch(.16 0 0 / .28);--debug-flow-glow: oklch(.16 0 0 / .12);width:min(380px,100%);transition:width .32s cubic-bezier(.22,1,.36,1)}.dark .debug-flow-panel{--debug-flow-ink: oklch(.86 0 0);--debug-flow-line: oklch(.9 0 0 / .18);--debug-flow-line-strong: oklch(.92 0 0 / .7);--debug-flow-wash: oklch(.92 0 0 / .05);--debug-flow-wash-strong: oklch(.92 0 0 / .1);--debug-flow-edge: oklch(.9 0 0 / .28);--debug-flow-edge-strong: oklch(.92 0 0 / .5);--debug-flow-ring: oklch(.92 0 0 / .32);--debug-flow-glow: oklch(.92 0 0 / .14)}.debug-flow-panel[data-collapsed=true]{width:40px}.debug-flow-sheet{opacity:1;transition:opacity .14s ease 40ms}.debug-flow-panel[data-collapsed=true] .debug-flow-sheet,.debug-flow-rail-toggle{opacity:0;pointer-events:none;transition:opacity .12s ease}.debug-flow-panel[data-collapsed=true] .debug-flow-rail-toggle{opacity:1;pointer-events:auto;transition:opacity .18s ease .14s}.debug-flow-diagram{position:relative}.debug-flow-rail{position:absolute;left:1.35rem;top:.75rem;bottom:.75rem;width:2px;border-radius:999px;background:linear-gradient(to bottom,var(--debug-flow-line),var(--debug-flow-line-strong),var(--debug-flow-line));pointer-events:none}.debug-flow-rail-active{background:linear-gradient(to bottom,var(--debug-flow-line),var(--debug-flow-ink),var(--debug-flow-line));background-size:100% 200%;animation:debug-flow-rail-pulse 1.6s linear infinite}.debug-flow-node{display:flex;width:100%;align-items:center;gap:.5rem;border-radius:.75rem;border:1px solid var(--chakra-colors-border);background:color-mix(in srgb,var(--chakra-colors-bg) 88%,transparent);padding:.5rem .625rem;text-align:left;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,opacity .3s ease}.debug-flow-node-active{border-color:var(--debug-flow-edge-strong);background:var(--debug-flow-wash-strong);box-shadow:0 1px 2px var(--debug-flow-glow);animation:debug-flow-node-glow 1.4s ease-in-out infinite}.debug-flow-node-complete{border-color:var(--debug-flow-edge);background:var(--debug-flow-wash)}.debug-flow-node-empty,.debug-flow-node-pending{opacity:.7}.debug-flow-node-selected{box-shadow:0 0 0 2px var(--debug-flow-ring)}.debug-flow-node-enter{animation:debug-flow-node-enter .35s cubic-bezier(.21,.47,.32,.98) both}.debug-flow-icon{display:flex;height:1.75rem;width:1.75rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:.5rem;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg-muted);color:var(--chakra-colors-fg-muted)}.debug-flow-node-active .debug-flow-icon,.debug-flow-node-complete .debug-flow-icon{border-color:var(--debug-flow-edge);background:var(--debug-flow-wash-strong);color:var(--debug-flow-ink)}.debug-flow-chevron{transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s ease}.debug-flow-chevron-open{transform:rotate(90deg);color:var(--debug-flow-ink)}.debug-flow-detail-slot{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1)}.debug-flow-detail-slot[data-open=true]{grid-template-rows:1fr}.debug-flow-detail-slot>div{overflow:hidden}.debug-flow-detail{margin-top:.75rem;border-radius:.75rem;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg);padding:.75rem;box-shadow:0 1px 2px #0000000a}.debug-flow-overview{border-radius:.75rem;border:1px solid var(--chakra-colors-border);background:var(--debug-flow-wash);padding:.5rem .65rem}.debug-flow-kv{border-radius:.5rem;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg-muted);padding:.35rem .5rem}.debug-flow-status{flex-shrink:0;border-radius:999px;border:1px solid var(--chakra-colors-border);padding:0 .35rem;font-size:9px;letter-spacing:.02em;text-transform:uppercase;color:var(--chakra-colors-fg-muted);line-height:1.4}.debug-flow-status-active{border-color:var(--debug-flow-edge-strong);color:var(--debug-flow-ink);background:var(--debug-flow-wash-strong)}.debug-flow-status-complete{border-color:var(--debug-flow-edge);color:var(--debug-flow-ink)}.debug-flow-meta{margin-left:auto;max-width:5.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--chakra-colors-fg-muted)}.debug-flow-badge{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg-muted);padding:.1rem .45rem;font-size:10px;color:var(--chakra-colors-fg-muted);line-height:1.4}.debug-flow-badge-ok{border-color:color-mix(in srgb,oklch(.55 .12 145) 55%,var(--chakra-colors-border));color:#235b28;background:color-mix(in srgb,oklch(.7 .12 145) 12%,transparent)}.debug-flow-badge-warn{border-color:color-mix(in srgb,oklch(.7 .14 75) 55%,var(--chakra-colors-border));color:oklch(.48 .12 75);background:color-mix(in srgb,oklch(.78 .12 75) 14%,transparent)}.debug-flow-badge-off{opacity:.75}.dark .debug-flow-badge-ok{color:#8fc990}.dark .debug-flow-badge-warn{color:#eabb79}.debug-flow-code{margin:0;max-height:min(36vh,280px);overflow:auto;border-radius:.5rem;border:1px solid var(--chakra-colors-border);background:var(--chakra-colors-bg-muted);padding:.5rem .6rem;font-size:10px;line-height:1.45;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--chakra-colors-fg)}@keyframes debug-flow-rail-pulse{0%{background-position:0% 0%}to{background-position:0% 100%}}@keyframes debug-flow-node-glow{0%,to{box-shadow:0 0 0 0 var(--debug-flow-glow)}50%{box-shadow:0 0 0 4px var(--debug-flow-glow)}}@keyframes debug-flow-node-enter{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.debug-flow-panel,.debug-flow-sheet,.debug-flow-rail-toggle,.debug-flow-node,.debug-flow-chevron,.debug-flow-detail-slot{transition:none}.debug-flow-rail-active,.debug-flow-node-active,.debug-flow-node-enter{animation:none}}:root{--color-blue: oklch(45% 50% 264);--color-red: oklch(50% 55% 31);--color-gray-50: oklch(98.42% .0034 247.86);--color-gray-100: oklch(12% 9.5% 264 / 5%);--color-gray-200: oklch(12% 9% 264 / 8%);--color-gray-300: oklch(12% 8.5% 264 / 17%);--color-gray-400: oklch(12% 8% 264 / 38%);--color-gray-500: oklch(12% 7.5% 264 / 50%);--color-gray-600: oklch(12% 7% 264 / 67%);--color-gray-700: oklch(12% 6% 264 / 77%);--color-gray-800: oklch(12% 5% 264 / 85%);--color-gray-900: oklch(12% 5% 264 / 90%);--color-gray-950: oklch(12% 5% 264 / 95%)}@media(prefers-color-scheme:dark){:root{--color-gray-50: oklch(17% .25% 264);--color-gray-75: oklch(19% .5% 264);--color-gray-100: oklch(28% .75% 264 / 65%);--color-gray-200: oklch(29% .75% 264 / 80%);--color-gray-300: oklch(35% .75% 264 / 80%);--color-gray-400: oklch(47% .875% 264 / 80%);--color-gray-500: oklch(64% 1% 264 / 80%);--color-gray-600: oklch(82% 1% 264 / 80%);--color-gray-700: oklch(92% 1.125% 264 / 80%);--color-gray-800: oklch(93% .875% 264 / 85%);--color-gray-900: oklch(95% .5% 264 / 90%);--color-gray-950: oklch(94% .375% 264 / 95%);--color-popup: var(--color-gray-50);--color-gridline: oklch(24% 1% 264);--color-highlight: oklch(45% 40% 264);--color-selection: oklch(50% 50% 264 / 40%);--color-line-highlight: oklch(50% 50% 264 / 20%);--color-line-highlight-strong: oklch(50% 50% 264 / 35%);--color-inline-highlight: oklch(50% 50% 264 / 35%);--color-gray: var(--color-gray-600);--color-blue: oklch(69% 50% 264);--color-green: oklch(75% 25% 150);--color-navy: oklch(85% 25% 264);--color-purple: oklch(85% 30% 360);--color-red: oklch(80% 55% 31);--color-violet: oklch(80% 60% 280);--foreground: white}}body{font-family:system-ui;margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--chakra-colors-bg)}#root{isolation:isolate}.app-logo{padding:1rem 0;display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;color:var(--foregorund);svg{width:40px;height:40px}}
