@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-400:oklch(76.5% .177 163.223);--color-blue-500:oklch(62.3% .214 259.815);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-950:oklch(29.1% .149 302.717);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in:cubic-bezier(.4,0,1,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-2{top:calc(var(--spacing)*2)}.right-2{right:calc(var(--spacing)*2)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-full{height:100%}.min-h-0{min-height:calc(var(--spacing)*0)}.w-2{width:calc(var(--spacing)*2)}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-zinc-800\/60>:not(:last-child)){border-color:#27272a99}@supports (color:color-mix(in lab,red,red)){:where(.divide-zinc-800\/60>:not(:last-child)){border-color:color-mix(in oklab,var(--color-zinc-800)60%,transparent)}}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.border-amber-500\/20{border-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.border-blue-500\/20{border-color:#3080ff33}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/20{border-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-800{border-color:var(--color-purple-800)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-zinc-800{border-color:var(--color-zinc-800)}.border-zinc-800\/50{border-color:#27272a80}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/50{border-color:color-mix(in oklab,var(--color-zinc-800)50%,transparent)}}.border-zinc-800\/60{border-color:#27272a99}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/60{border-color:color-mix(in oklab,var(--color-zinc-800)60%,transparent)}}.border-zinc-800\/80{border-color:#27272acc}@supports (color:color-mix(in lab,red,red)){.border-zinc-800\/80{border-color:color-mix(in oklab,var(--color-zinc-800)80%,transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-purple-500\/5{background-color:#ac4bff0d}@supports (color:color-mix(in lab,red,red)){.bg-purple-500\/5{background-color:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-purple-950\/40{background-color:#3c036666}@supports (color:color-mix(in lab,red,red)){.bg-purple-950\/40{background-color:color-mix(in oklab,var(--color-purple-950)40%,transparent)}}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-zinc-600{background-color:var(--color-zinc-600)}.bg-zinc-800{background-color:var(--color-zinc-800)}.bg-zinc-900{background-color:var(--color-zinc-900)}.bg-zinc-900\/20{background-color:#18181b33}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/20{background-color:color-mix(in oklab,var(--color-zinc-900)20%,transparent)}}.bg-zinc-900\/40{background-color:#18181b66}@supports (color:color-mix(in lab,red,red)){.bg-zinc-900\/40{background-color:color-mix(in oklab,var(--color-zinc-900)40%,transparent)}}.bg-zinc-950{background-color:var(--color-zinc-950)}.bg-zinc-950\/60{background-color:#09090b99}@supports (color:color-mix(in lab,red,red)){.bg-zinc-950\/60{background-color:color-mix(in oklab,var(--color-zinc-950)60%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-3\.5{padding:calc(var(--spacing)*3.5)}.p-4{padding:calc(var(--spacing)*4)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.pt-2{padding-top:calc(var(--spacing)*2)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-400{color:var(--color-amber-400)}.text-amber-500{color:var(--color-amber-500)}.text-blue-500{color:var(--color-blue-500)}.text-emerald-400{color:var(--color-emerald-400)}.text-purple-300{color:var(--color-purple-300)}.text-purple-400{color:var(--color-purple-400)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-white{color:var(--color-white)}.text-zinc-200{color:var(--color-zinc-200)}.text-zinc-300{color:var(--color-zinc-300)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}@media(hover:hover){.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-zinc-900\/30:hover{background-color:#18181b4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-zinc-900\/30:hover{background-color:color-mix(in oklab,var(--color-zinc-900)30%,transparent)}}.hover\:text-zinc-300:hover{color:var(--color-zinc-300)}}@media(min-width:48rem){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}}:root{--bg-void:#000;--bg-primary:#09090b;--bg-secondary:#0c0c0f;--bg-card:#111114;--bg-elevated:#151518;--bg-hover:#1a1a1e;--bg-input:#0f0f12;--border:#1f1f24;--border-subtle:#17171b;--border-muted:#27272c;--border-focus:#8b5cf6;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-faint:#52525b;--text-ghost:#3f3f46;--orchid:#8b5cf6;--orchid-light:#a78bfa;--orchid-dark:#7c3aed;--orchid-hover:#9d74f7;--orchid-glow:#8b5cf666;--orchid-muted:#8b5cf626;--orchid-subtle:#8b5cf614;--status-pending:#52525b;--status-pending-glow:#52525b4d;--status-active:#f59e0b;--status-active-bg:#f59e0b1f;--status-active-glow:#f59e0b80;--status-completed:#22c55e;--status-completed-bg:#22c55e1f;--status-completed-glow:#22c55e66;--status-failed:#ef4444;--status-failed-bg:#ef44441f;--status-failed-glow:#ef444466;--spotlight:#fbbf24;--spotlight-glow:#fbbf2459;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 60px var(--orchid-glow);--font-ui:"IBM Plex Sans","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-sans:var(--font-ui);--font-mono:"JetBrains Mono","SF Mono","Monaco",ui-monospace,monospace;--color-orchid:#8b5cf6;--color-amber:#fbbf24;--color-emerald:#10b981;--color-error:#f87171;--color-bg:#080810;--color-bg-card:#0d0d18;--color-border:#ffffff0f;--color-text:#e4e4f0;--color-text-muted:#6b6b8a;font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}.theme-dark{color-scheme:dark}.theme-light{color-scheme:light;--bg-void:#fff;--bg-primary:#fafafa;--bg-secondary:#f4f4f5;--bg-card:#fff;--bg-elevated:#f8f8f9;--bg-hover:#f0f0f1;--bg-input:#fff;--border:#e4e4e7;--border-subtle:#f0f0f1;--border-muted:#d4d4d8;--border-focus:#7c3aed;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--text-faint:#a1a1aa;--text-ghost:#d4d4d8;--orchid:#7c3aed;--orchid-light:#8b5cf6;--orchid-dark:#6d28d9;--orchid-glow:#7c3aed33;--orchid-muted:#7c3aed1f;--orchid-subtle:#7c3aed0f;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014}*,:before,:after{box-sizing:border-box}body{background:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.5}}@keyframes spotlight-pulse{0%,to{stroke-opacity:1}50%{stroke-opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.demo-banner{background:linear-gradient(90deg,var(--orchid)0%,#9333ea 100%);color:#fff;text-align:center;z-index:9999;justify-content:center;align-items:center;gap:16px;padding:8px 16px;font-size:13px;font-weight:500;display:flex;position:fixed;top:0;left:0;right:0}.demo-banner-cta{color:#fff;background:#fff3;border-radius:4px;padding:4px 12px;font-size:12px;text-decoration:none;transition:background .2s}.demo-banner-cta:hover{background:#ffffff4d}body.demo-mode{padding-top:40px}.app-container{flex-direction:column;min-height:100vh;display:flex}.app-header{border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#09090bd9;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.theme-light .app-header{background:#fafafae6}.header-left{align-items:center;gap:10px;display:flex}.header-title{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:600}.header-center{align-items:center;gap:16px;display:flex}.pipeline-input-group{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;align-items:center;gap:0;padding:0 2px;display:flex}.pipeline-input{color:var(--text-primary);background:0 0;border:none;outline:none;min-width:120px;padding:7px 10px;font-size:13px}.pipeline-input::placeholder{color:var(--text-faint)}.input-divider{color:var(--text-ghost);font-size:14px}.job-input-wrapper{align-items:center;display:flex;position:relative}.job-input{min-width:100px;padding-right:28px}.job-dropdown-trigger{width:20px;height:20px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex;position:absolute;right:4px}.job-dropdown-trigger:hover{background:var(--bg-hover);color:var(--text-muted)}.job-dropdown{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;min-width:280px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.job-dropdown-loading,.job-dropdown-empty{color:var(--text-muted);align-items:center;gap:8px;padding:12px 14px;font-size:12px;display:flex}.job-dropdown-item{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.job-dropdown-item:hover{background:var(--bg-hover)}.job-id-text{font-family:var(--font-mono);color:var(--text-primary);font-size:12px}.job-meta{align-items:center;gap:8px;display:flex}.job-status{text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500}.job-status-completed{background:var(--status-completed-bg);color:var(--status-completed)}.job-status-started{background:var(--status-active-bg);color:var(--status-active)}.job-status-failed{background:var(--status-failed-bg);color:var(--status-failed)}.job-count{color:var(--text-muted);font-size:10px}.load-btn{background:var(--orchid);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.load-btn:hover:not(:disabled){background:var(--orchid-dark)}.load-btn:disabled{opacity:.4;cursor:not-allowed}.live-indicator{background:var(--status-completed-bg);color:var(--status-completed);border-radius:12px;align-items:center;gap:6px;padding:5px 10px;font-size:11px;font-weight:500;display:flex}.live-pulse{animation:1.5s ease-in-out infinite pulse}.header-right{align-items:center;gap:6px;display:flex}.header-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.command-trigger{gap:6px;width:auto;padding:0 10px}.command-hint{font-size:10px;font-family:var(--font-mono);color:var(--text-faint);background:var(--bg-elevated);border-radius:3px;padding:2px 4px}.app-main{flex-direction:column;flex:1;gap:16px;width:calc(100% - 40px);max-width:none;margin:0 0 0 20px;padding:20px;display:flex}.error-banner{background:var(--orchid);color:#fff;text-align:center;z-index:9999;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;position:fixed;top:12px;left:50%;transform:translate(-50%)}.error-banner button{color:var(--status-failed);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px}.graph-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;min-height:200px;padding:20px}.graph-container{flex-direction:column;gap:12px;display:flex}.graph-toolbar{justify-content:space-between;align-items:center;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.view-indicator{color:var(--text-muted);background:var(--bg-elevated);border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:500;display:flex}.toolbar-btn{color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-muted)}.toolbar-btn-primary{background:var(--orchid);color:#fff;border-color:var(--orchid);padding:8px 14px;font-size:12px;font-weight:600}.toolbar-btn-primary:hover{background:var(--orchid-hover);border-color:var(--orchid-hover);color:#fff}.graph-canvas{padding:16px 0;overflow-x:auto}.graph-svg{display:block}.graph-node{transition:transform .2s}.graph-edge{transition:all .3s}.spotlight-ring{animation:2s ease-in-out infinite spotlight-pulse}.graph-legend{border-top:1px solid var(--border-subtle);flex-wrap:wrap;gap:16px;padding-top:12px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-label{color:var(--text-muted);text-transform:capitalize;font-size:10px}.graph-tooltip{z-index:100;pointer-events:none;background:var(--bg-card);border:1px solid var(--border-muted);box-shadow:var(--shadow-lg);border-radius:8px;padding:8px 12px;animation:.12s ease-out slideUp;position:fixed;transform:translate(-50%,-100%)}.tooltip-name{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.tooltip-status{text-transform:capitalize;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:500;display:inline-block}.tooltip-status[data-status=completed]{background:var(--status-completed-bg);color:var(--status-completed)}.tooltip-status[data-status=started]{background:var(--status-active-bg);color:var(--status-active)}.tooltip-status[data-status=failed]{background:var(--status-failed-bg);color:var(--status-failed)}.tooltip-status[data-status=pending]{background:var(--bg-elevated);color:var(--text-muted)}.tooltip-time{color:var(--text-muted);margin-top:4px;font-size:10px;display:block}.graph-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.graph-empty-illustration{opacity:.6;margin-bottom:20px}.graph-empty-title{color:var(--text-primary);margin:0 0 8px;font-size:16px;font-weight:600}.graph-empty-desc{color:var(--text-muted);margin:0 0 16px;font-size:13px}.graph-empty-hint{color:var(--text-faint);align-items:center;gap:8px;font-size:12px;display:flex}.graph-empty-hint kbd{background:var(--bg-elevated);border:1px solid var(--border);font-family:var(--font-mono);border-radius:4px;padding:3px 6px;font-size:11px}.transport-section{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.transport-bar{flex-direction:column;gap:14px;display:flex}.scrubber-container{cursor:pointer;padding:10px 0;position:relative}.scrubber-track{background:var(--bg-elevated);border-radius:2px;height:4px;position:relative}.scrubber-fill{background:linear-gradient(90deg,var(--orchid)0%,var(--orchid-light)100%);border-radius:2px;height:100%;transition:width .2s;position:absolute;top:0;left:0}.scrubber-ticks{position:absolute;inset:0}.scrubber-tick{background:var(--bg-hover);border:1.5px solid var(--border-muted);cursor:pointer;border-radius:50%;width:6px;height:6px;padding:0;transition:all .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.scrubber-tick:hover{border-color:var(--orchid);transform:translate(-50%,-50%)scale(1.5)}.scrubber-tick.active{background:var(--orchid);border-color:var(--orchid);box-shadow:0 0 8px var(--orchid-glow)}.scrubber-tick.past{background:var(--status-completed);border-color:var(--status-completed)}.scrubber-head{background:var(--orchid-light);border:2px solid var(--bg-card);width:14px;height:14px;box-shadow:0 0 12px var(--orchid-glow);border-radius:50%;transition:left .2s;position:absolute;top:50%;transform:translate(-50%,-50%)}.transport-controls{justify-content:space-between;align-items:center;gap:16px;display:flex}.view-mode-section{align-items:center;gap:8px;display:flex}.view-mode-indicator{background:var(--orchid-muted);border:1px solid var(--orchid);color:var(--orchid);text-transform:uppercase;letter-spacing:.05em;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.view-mode-label{color:var(--orchid)}.view-toggle-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.view-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-muted)}.transport-buttons{align-items:center;gap:4px;display:flex}.transport-cluster{align-items:center;gap:10px;display:flex}.view-toggle-prominent{background:linear-gradient(180deg,var(--orchid)0%,var(--orchid-dark)100%);color:#fff;box-shadow:0 6px 18px #8b5cf62e,var(--shadow-glow);border-color:#0000;border-radius:10px;padding:8px 14px;font-weight:700;transform:translateY(-1px)}.graph-container{position:relative}.graph-container .view-mode-indicator{z-index:30;position:absolute;top:12px;right:12px}.speed-selector{align-items:center;margin-left:8px;display:flex}.speed-input{text-align:center;background:var(--bg-elevated);border:1px solid var(--border);width:64px;color:var(--text-primary);border-radius:8px;padding:6px 8px;font-size:12px}.transport-btn{border:1px solid var(--border);background:var(--bg-elevated);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.transport-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-muted)}.transport-btn:disabled{opacity:.35;cursor:not-allowed}.transport-btn-play{background:linear-gradient(135deg,var(--orchid)0%,var(--orchid-dark)100%);color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:0 4px 16px var(--orchid-glow);border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 6px;transition:all .2s;display:flex}.transport-btn-play:hover:not(:disabled){box-shadow:0 6px 24px var(--orchid-glow);transform:scale(1.05)}.transport-btn-play:disabled{opacity:.4;cursor:not-allowed}.transport-btn-play.playing{animation:1.5s ease-in-out infinite pulse}.play-icon{margin-left:2px}.transport-position{align-items:baseline;gap:4px;display:flex}.position-label{color:var(--text-faint);margin-right:6px;font-size:10px}.position-current{color:var(--text-primary);font-size:18px;font-weight:600}.position-divider{color:var(--text-ghost);font-size:13px}.position-total{color:var(--text-muted);font-size:13px}.detail-section{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;flex:1;min-height:200px;padding:16px 20px}.detail-panel{flex-direction:column;height:100%;display:flex}.detail-header{border-bottom:1px solid var(--border-subtle);align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.detail-header-left{flex:0 0 45%;min-width:0}.detail-header-right{flex:1;justify-content:space-between;align-items:center;padding-left:20px;display:flex}.detail-section-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.detail-two-panel{flex:1;gap:0;min-height:0;display:flex}.detail-overview-panel{flex-direction:column;flex:0 0 45%;gap:10px;padding-right:16px;display:flex;overflow-y:auto}.detail-divider{background:var(--border-subtle);flex-shrink:0;width:1px}.detail-payload-panel{flex:1;min-width:0;padding-left:16px;overflow-y:auto}.payload-empty{height:100%;color:var(--text-ghost);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.payload-empty p{margin:0;font-size:12px}.detail-empty{text-align:center;color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.detail-empty.small{padding:24px 16px}.detail-empty-icon{background:var(--bg-elevated);border:1px solid var(--border);width:48px;height:48px;color:var(--text-ghost);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.detail-empty-text{margin:0;font-size:13px}.overview-info{flex-direction:column;gap:6px;display:flex}.overview-status{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:4px;padding:10px 12px;display:flex}.status-indicator{border-radius:50%;width:10px;height:10px}.status-text{text-transform:capitalize;font-size:13px;font-weight:600}.info-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s;display:flex}.info-row:hover{border-color:var(--border)}.info-icon{background:var(--orchid-subtle);width:24px;height:24px;color:var(--orchid-light);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.info-label{color:var(--text-faint);min-width:60px;font-size:10px}.info-value{color:var(--text-primary);flex:1;font-size:12px}.info-value.mono{font-family:var(--font-mono);font-size:10px}.info-value.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.copy-btn{width:22px;height:22px;color:var(--text-ghost);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.info-row:hover .copy-btn{opacity:1}.copy-btn:hover{background:var(--orchid-subtle);color:var(--orchid-light)}.copy-btn.copied{color:var(--status-success);opacity:1}.artifacts-section{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:12px}.artifacts-toggle{background:var(--bg-elevated);border:1px solid var(--border-subtle);width:100%;color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.artifacts-toggle:hover{border-color:var(--border);background:var(--bg-hover)}.artifacts-toggle.open{border-color:var(--orchid-muted);background:var(--orchid-subtle)}.artifacts-badge{background:var(--orchid-subtle);color:var(--orchid-light);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.toggle-chevron{margin-left:auto;transition:transform .2s}.artifacts-toggle.open .toggle-chevron{transform:rotate(90deg)}.artifact-list{flex-direction:column;gap:4px;margin-top:8px;display:flex}.artifact-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .15s;display:flex}.artifact-item:hover{border-color:var(--border)}.artifact-icon{background:var(--orchid-subtle);width:24px;height:24px;color:var(--orchid-light);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.artifact-info{flex:1;min-width:0}.artifact-name{color:var(--text-primary);margin-bottom:1px;font-size:11px;font-weight:500;display:block}.artifact-url{font-size:9px;font-family:var(--font-mono);color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.artifact-actions{opacity:0;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.artifact-item:hover .artifact-actions{opacity:1}.artifact-link{width:22px;height:22px;color:var(--text-faint);border-radius:4px;justify-content:center;align-items:center;text-decoration:none;transition:all .15s;display:flex}.artifact-link:hover{background:var(--orchid-subtle);color:var(--orchid-light)}.payload-actions{align-items:center;gap:6px;display:flex}.reset-collapse-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.reset-collapse-btn:hover{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-muted)}.copy-json-btn{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;align-items:center;gap:5px;padding:4px 8px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.copy-json-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.json-viewer{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:8px;height:100%;padding:12px;overflow-x:auto}@media(max-width:900px){.detail-two-panel{flex-direction:column}.detail-overview-panel{flex:none;padding-bottom:16px;padding-right:0}.detail-divider{width:100%;height:1px}.detail-payload-panel{padding-top:16px;padding-left:0}.detail-header{flex-direction:column;align-items:flex-start;gap:8px}.detail-header-left,.detail-header-right{flex:none;padding-left:0}}.cmdk-dialog{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:flex-start;padding-top:15vh;animation:.1s ease-out fadeIn;display:flex;position:fixed;inset:0}.cmdk-wrapper{background:var(--bg-card);border:1px solid var(--border-muted);width:100%;max-width:500px;box-shadow:var(--shadow-lg),0 0 60px #0006;border-radius:14px;animation:.15s ease-out slideUp;overflow:hidden}.cmdk-input-container{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.cmdk-input-icon{color:var(--text-faint);flex-shrink:0}.cmdk-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:14px}.cmdk-input::placeholder{color:var(--text-faint)}.cmdk-list{max-height:340px;padding:6px;overflow-y:auto}.cmdk-empty{text-align:center;color:var(--text-muted);padding:28px 20px;font-size:13px}.cmdk-group{padding:4px 0}.cmdk-group [cmdk-group-heading]{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:8px 10px 4px;font-size:10px;font-weight:600}.cmdk-item{color:var(--text-primary);cursor:pointer;border-radius:7px;align-items:center;gap:10px;padding:9px 10px;font-size:13px;transition:background .1s;display:flex}.cmdk-item:hover,.cmdk-item[data-selected=true]{background:var(--orchid-subtle)}.cmdk-item[data-selected=true]{background:var(--orchid-muted)}.cmdk-item kbd{font-size:10px;font-family:var(--font-mono);background:var(--bg-elevated);color:var(--text-faint);border:1px solid var(--border);border-radius:4px;margin-left:auto;padding:2px 5px;font-weight:500}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.orchid{background:var(--orchid)}.status-dot.failed{background:var(--status-failed)}@media(max-width:768px){.app-header{height:48px;padding:0 12px}.header-title,.pipeline-input-group{display:none}.app-main{gap:12px;padding:12px}.graph-section,.transport-section,.detail-section{border-radius:10px;padding:14px}.command-hint{display:none}}@media(min-width:1024px){.app-main{grid-template-rows:auto auto 1fr;grid-template-columns:1fr;display:grid}}.welcome-screen{flex-direction:column;justify-content:center;align-items:center;gap:48px;min-height:100%;padding:48px 24px;animation:.8s ease-out welcomeFadeIn;display:flex}@keyframes welcomeFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:480px;display:flex}.welcome-logo{opacity:.9;width:72px;height:72px;animation:4s ease-in-out infinite welcomeLogoFloat}@keyframes welcomeLogoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.welcome-title{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:28px;font-weight:600}.welcome-highlight{color:var(--orchid)}.welcome-subtitle{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}.welcome-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:600px;padding:24px;animation:.9s ease-out .2s both welcomePreviewIn;display:flex}@keyframes welcomePreviewIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.preview-pipeline{width:100%}.preview-caption{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.preview-caption span{background:var(--status-active);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite previewDot;display:inline-block}@keyframes previewDot{0%,to{opacity:.4}50%{opacity:1}}.welcome-content{flex-direction:column;gap:32px;width:100%;max-width:720px;animation:.9s ease-out .4s both welcomeContentIn;display:flex}@keyframes welcomeContentIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.welcome-loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:24px;font-size:14px;display:flex}.loading-spinner{border:2px solid var(--border);border-top-color:var(--orchid);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.welcome-jobs{flex-direction:column;gap:16px;display:flex}.welcome-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:13px;font-weight:500}.job-cards{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.job-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;gap:10px;padding:16px;transition:all .2s;display:flex}.job-card:hover{background:var(--bg-elevated);border-color:var(--border-muted);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.job-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.job-card-status{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.job-card-status.completed{color:var(--status-success)}.job-card-status.running{color:var(--status-active)}.job-card-status.pending{color:var(--text-muted)}.job-card-status.error,.job-card-status.failed{color:var(--status-error)}.job-card-id{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-family:SF Mono,ui-monospace,monospace;font-size:13px;font-weight:500;overflow:hidden}.job-card-meta{color:var(--text-muted);align-items:center;gap:12px;font-size:12px;display:flex}.job-card-action{opacity:0;color:var(--orchid);justify-content:flex-end;align-items:center;font-size:12px;font-weight:500;transition:opacity .15s;display:flex}.job-card:hover .job-card-action{opacity:1}.welcome-empty{justify-content:center;display:flex}.empty-card{background:var(--bg-card);border:1px dashed var(--border-muted);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:16px;max-width:360px;padding:40px;display:flex}.empty-card p{color:var(--text-secondary);margin:0;font-size:14px;line-height:1.6}.empty-card code{background:var(--bg-secondary);border:1px solid var(--border);color:var(--orchid-light);border-radius:6px;padding:8px 14px;font-family:SF Mono,ui-monospace,monospace;font-size:12px;display:inline-block}.welcome-features{justify-content:center;gap:32px;padding-top:8px;display:flex}.feature-item{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;transition:color .2s;display:flex}.feature-item:hover{color:var(--text-secondary)}.feature-icon{background:var(--bg-card);border:1px solid var(--border);width:32px;height:32px;color:var(--orchid);border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.feature-item:hover .feature-icon{background:var(--orchid-subtle);border-color:var(--orchid-muted)}.feature-text{flex-direction:column;gap:2px;display:flex}.feature-text strong{color:var(--text-primary);font-weight:500}@media(max-width:640px){.welcome-screen{gap:32px;padding:32px 16px}.welcome-logo{width:56px;height:56px}.welcome-title{font-size:22px}.welcome-preview{padding:16px}.job-cards{grid-template-columns:1fr}.welcome-features{flex-direction:column;align-items:flex-start;gap:16px}}.workspace{height:100%;display:flex;overflow:hidden}.timeline-panel{border-right:1px solid var(--color-border);background:var(--color-bg);flex-direction:column;width:30%;min-width:280px;max-width:420px;display:flex;overflow:hidden}.inspector-panel{background:var(--color-bg);flex-direction:column;flex:1;display:flex;overflow:hidden}.session-selector-btn{border:1px solid var(--color-border);background:var(--color-bg-card);color:var(--color-text);font-family:var(--font-ui);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;transition:border-color .15s;display:flex}.session-selector-btn:hover{border-color:var(--color-orchid)}.session-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.session-dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);z-index:100;border-radius:8px;min-width:280px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 32px #0009}.session-dropdown-loading,.session-dropdown-empty{color:var(--color-text-muted);align-items:center;gap:8px;padding:12px 16px;font-size:12px;display:flex}.session-dropdown-item{cursor:pointer;border:none;border-bottom:1px solid var(--color-border);text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 14px;transition:background .1s;display:flex}.session-dropdown-item:last-child{border-bottom:none}.session-dropdown-item:hover,.session-dropdown-item.active{background:var(--orchid-subtle,#8b5cf614)}.sdi-name{color:var(--color-text);font-size:13px;font-family:var(--font-mono);font-weight:500}.sdi-meta{color:var(--color-text-muted);gap:10px;font-size:11px;display:flex}.sdi-cost{color:var(--color-emerald)}.exchange-counter{font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);margin-left:10px}.exchange-timeline{flex-direction:column;height:100%;display:flex;overflow:hidden}.timeline-header{border-bottom:1px solid var(--color-border);font-size:10px;font-family:var(--font-ui);letter-spacing:.08em;color:var(--color-text-muted);text-transform:uppercase;background:var(--color-bg-card);flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:flex}.th-seq{width:28px}.th-latency{text-align:right;width:52px}.th-tokens{text-align:right;width:44px}.th-cost{text-align:right;width:54px}.timeline-filter-wrap{border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;display:flex}.timeline-filter-icon{color:var(--color-text-muted);flex-shrink:0;font-size:14px}.timeline-filter-input{font-family:var(--font-mono);color:var(--color-text);caret-color:var(--color-orchid);background:0 0;border:none;outline:none;flex:1;font-size:11px}.timeline-filter-input::placeholder{color:var(--color-text-muted)}.timeline-filter-clear{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1}.timeline-filter-clear:hover{color:var(--color-text)}.timeline-rows{flex:1;overflow:hidden auto}.timeline-loading{height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.timeline-empty{height:100%;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.timeline-empty-icon{opacity:.4;font-size:28px}.timeline-clear-btn{border:1px solid var(--color-border);color:var(--color-orchid);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px;font-size:12px}.exchange-row{border-bottom:1px solid var(--color-border);cursor:pointer;border-left:3px solid #0000;padding:6px 10px 4px;transition:background .1s}.exchange-row:hover{background:#ffffff08;box-shadow:inset 0 0 0 1px #8b5cf626}.exchange-row.selected{border-left-color:var(--color-orchid);background:#8b5cf614}.exchange-row-main{align-items:center;gap:6px;font-size:12px;display:flex}.exchange-seq{width:24px;font-family:var(--font-mono);color:var(--color-text-muted);flex-shrink:0;font-size:10px}.exchange-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.exchange-model{font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.exchange-spacer{flex:1}.exchange-latency{font-family:var(--font-mono);text-align:right;flex-shrink:0;width:48px;font-size:11px;font-weight:500}.exchange-tokens{font-family:var(--font-mono);color:var(--color-text-muted);text-align:right;flex-shrink:0;width:40px;font-size:10px}.exchange-cost{font-family:var(--font-mono);color:var(--color-emerald);text-align:right;flex-shrink:0;width:52px;font-size:10px}.exchange-waterfall-track{background:#ffffff0a;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.exchange-waterfall-bar{opacity:.7;border-radius:2px;height:100%;transition:width .2s}.detail-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.detail-empty{height:100%;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.detail-empty-icon{opacity:.3}.detail-empty-text{font-size:13px}.overview-stripe{border-bottom:1px solid var(--color-border);flex-shrink:0;grid-template-columns:repeat(4,1fr);display:grid}.overview-card{border-right:1px solid var(--color-border);flex-direction:column;gap:3px;padding:12px 16px;display:flex}.ov-label{font-size:9px;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.ov-value{font-size:18px;font-family:var(--font-ui);color:var(--color-text);font-weight:700;line-height:1.1}.ov-mono{font-family:var(--font-mono);font-size:13px;font-weight:500}.ov-emerald{color:var(--color-emerald)}.ov-sub{color:var(--color-text-muted);font-size:10px;font-family:var(--font-mono)}.detail-tabbar{border-bottom:1px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0;align-items:center;gap:0;padding:0 8px;display:flex}.detail-tabs{flex:1;gap:0;display:flex;overflow-x:auto}.detail-tab{color:var(--color-text-muted);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.06em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:9px 12px;font-size:11px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.detail-tab:hover{color:var(--color-text)}.detail-tab.active{color:var(--color-text);border-bottom-color:var(--color-orchid);background:#8b5cf60d}.detail-tab-actions{border-left:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:4px;margin-left:4px;padding-left:8px;display:flex}.tab-action-btn{border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.tab-action-btn:hover{color:var(--color-text);border-color:#ffffff1f}.tab-action-btn.active{border-color:var(--color-orchid);color:var(--color-orchid);background:#8b5cf61f}.detail-viewport{flex:1;padding:0;overflow:hidden auto}.tab-request{flex-direction:column;height:100%;display:flex}.request-line{border-bottom:1px solid var(--color-border);background:var(--color-bg-card);flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.request-method{font-family:var(--font-mono);color:var(--color-amber);background:#fbbf241a;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.request-path{font-family:var(--font-mono);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tab-response{flex-direction:column;display:flex}.response-preview-banner{background:#8b5cf60f;border-bottom:1px solid #8b5cf626;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.preview-text{color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.preview-goto{border:1px solid var(--color-orchid);color:var(--color-orchid);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;flex-shrink:0;align-items:center;gap:3px;padding:4px 8px;font-size:11px;display:flex}.preview-goto:hover{background:#8b5cf61a}.tab-rendered{max-width:100%;padding:20px 24px}.tab-rendered.reading-mode{max-width:720px;margin:0 auto;padding:24px 32px}.tab-empty{height:200px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.rendered-json{font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;word-break:break-all;font-size:12px;line-height:1.6}.premium-markdown{font-family:var(--font-ui);line-height:1.7}.md-h1{color:var(--color-text);margin:16px 0 10px;font-size:20px;font-weight:700}.md-h2{color:var(--color-text);margin:14px 0 8px;font-size:16px;font-weight:700}.md-h3{color:var(--color-text);margin:12px 0 6px;font-size:14px;font-weight:600}.md-p{color:var(--color-text);margin:6px 0;font-size:13px}.md-li{color:var(--color-text);margin:4px 0 4px 18px;font-size:13px;list-style:outside;display:list-item}.md-oli{list-style:decimal}.md-inline-code{font-family:var(--font-mono);color:var(--color-orchid);background:#8b5cf61f;border-radius:3px;padding:1px 5px;font-size:11px}.md-code-block{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;margin:10px 0;padding:12px 16px;position:relative;overflow-x:auto}.md-code-lang{font-family:var(--font-mono);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:10px;display:block}.md-code-block code{font-family:var(--font-mono);color:var(--color-amber);white-space:pre;font-size:12px}.md-fallback{font-family:var(--font-mono);color:var(--color-text);white-space:pre-wrap;padding:12px;font-size:12px}.tab-headers{grid-template-columns:1fr 1fr;gap:0;height:100%;display:grid}.headers-col{border-right:1px solid var(--color-border);padding:12px 16px;overflow-y:auto}.headers-col-label{font-size:9px;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:10px;font-weight:700}.headers-table{border-collapse:collapse;width:100%}.header-row td{font-size:11px;font-family:var(--font-mono);border-bottom:1px solid var(--color-border);vertical-align:top;padding:4px 0}.header-name{color:var(--color-text-muted);word-break:break-all;width:45%;padding-right:10px}.header-value{color:var(--color-text);word-break:break-all;align-items:flex-start;gap:4px;display:flex}.header-redacted{color:var(--color-text-muted);letter-spacing:.15em}.header-reveal{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0}.header-reveal:hover{color:var(--color-orchid)}.tab-usage{flex-direction:column;gap:20px;padding:16px 20px;display:flex}.usage-cards{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.usage-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.uc-label{font-size:9px;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-weight:700}.uc-value{font-size:20px;font-family:var(--font-mono);color:var(--color-amber);font-weight:600;line-height:1.1}.uc-sub{font-size:10px;font-family:var(--font-mono)}.usage-allocation{flex-direction:column;gap:6px;display:flex}.usage-alloc-label{font-size:10px;font-family:var(--font-ui);justify-content:space-between;font-weight:600;display:flex}.usage-bar{background:#ffffff0d;border-radius:4px;height:8px;display:flex;overflow:hidden}.usage-bar-prompt{background:var(--color-text-muted);height:100%;transition:width .3s}.usage-bar-completion{background:var(--color-orchid);height:100%;transition:width .3s}.usage-alloc-pct{font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted);justify-content:space-between;display:flex}.usage-meta{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.um-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:8px 14px;font-size:12px;display:flex}.um-label{color:var(--color-text-muted);font-family:var(--font-ui)}.um-value{font-family:var(--font-mono);color:var(--color-text);font-weight:500}.json-viewer{padding:12px 16px;overflow:auto}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}:root{--wb: #080810;--ws: #0a0a14;--ws2: #0d0d1a;--wborder: rgba(255,255,255,.06);--wborder2: rgba(255,255,255,.04);--wt1: #e4e4f0;--wt2: #c4c4d4;--wt3: #6b6b8a;--wt4: #4a4a6a;--wt5: #3a3a5a;--wo: #8b5cf6;--wo-bg: rgba(139,92,246,.08);--wo-border: rgba(139,92,246,.25);--wo-text: #c4b5fd;--whover: rgba(255,255,255,.025);--rjv-key: #93c5fd;--rjv-str: #fde047;--rjv-num: #fdba74;--rjv-bool: #fbbf24;--rjv-null: #f87171;--rjv-dim: #6b6b8a;--rjv-bracket: #6b6b8a;--rjv-arrow: #4a4a6a;--rjv-line: rgba(255,255,255,.04)}.theme-light{--wb: #f0f0f6;--ws: #ffffff;--ws2: #f6f6fb;--wborder: rgba(0,0,0,.1);--wborder2: rgba(0,0,0,.07);--wt1: #0a0a14;--wt2: #1e2433;--wt3: #374151;--wt4: #4b5563;--wt5: #6b7280;--wo-bg: rgba(124,58,237,.07);--wo-border: rgba(124,58,237,.2);--wo-text: #6d28d9;--whover: rgba(0,0,0,.04);--rjv-key: #1d4ed8;--rjv-str: #15803d;--rjv-num: #b45309;--rjv-bool: #c2410c;--rjv-null: #be123c;--rjv-dim: #4b5563;--rjv-bracket: #374151;--rjv-arrow: #6b7280;--rjv-line: rgba(0,0,0,.06)}.json-viewer,.json-viewer [class*=w-rjv]{--w-rjv-background-color: transparent !important;--w-rjv-color: var(--wt1) !important;--w-rjv-key-string: var(--rjv-key) !important;--w-rjv-string-color: var(--rjv-str) !important;--w-rjv-number-color: var(--rjv-num) !important;--w-rjv-boolean-color: var(--rjv-bool) !important;--w-rjv-null-color: var(--rjv-null) !important;--w-rjv-undefined-color: var(--rjv-dim) !important;--w-rjv-type-string-color: var(--rjv-str) !important;--w-rjv-type-int-color: var(--rjv-num) !important;--w-rjv-info-color: var(--rjv-arrow) !important;--w-rjv-arrow-color: var(--rjv-arrow) !important;--w-rjv-copied-color: var(--wo) !important;--w-rjv-copied-success-color: #10b981 !important;--w-rjv-curlybraces-color: var(--rjv-bracket) !important;--w-rjv-brackets-color: var(--rjv-bracket) !important;--w-rjv-ellipsis-color: var(--rjv-dim) !important;--w-rjv-line-color: var(--rjv-line) !important}html,body,#root{height:100%;margin:0;background:var(--wb)}.app-container{height:100vh;display:flex;flex-direction:column;background:var(--wb);font-family:IBM Plex Sans,Inter,system-ui,sans-serif}.app-main{flex:1;overflow:hidden;display:flex;flex-direction:column}.workspace{display:flex;height:100%;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:var(--ws);border-bottom:1px solid rgba(139,92,246,.2);flex-shrink:0;z-index:50}.header-left{display:flex;align-items:center;gap:8px}.header-title{font-size:15px;font-weight:700;color:var(--wt1);letter-spacing:-.02em;margin:0}.header-center{display:flex;align-items:center;gap:10px}.header-right{display:flex;align-items:center;gap:6px}.header-btn{display:flex;align-items:center;gap:5px;padding:5px 10px;background:var(--whover);border:1px solid var(--wborder);border-radius:6px;color:var(--wt3);font-size:12px;cursor:pointer;transition:all .15s}.header-btn:hover{color:var(--wt1);border-color:#8b5cf666;background:var(--wo-bg)}.command-trigger{font-family:JetBrains Mono,monospace}.command-hint{font-size:11px;opacity:.7}.session-selector{position:relative}.session-selector-btn{display:flex;align-items:center;gap:7px;padding:5px 12px;background:var(--wo-bg);border:1px solid var(--wo-border);border-radius:7px;color:var(--wo-text);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.session-selector-btn:hover{border-color:#8b5cf680}.session-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px}.exchange-counter{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--wt3);background:var(--whover);padding:2px 8px;border-radius:4px}.session-dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:300px;background:var(--ws);border:1px solid var(--wo-border);border-radius:10px;box-shadow:0 20px 60px #00000026;z-index:200;overflow:hidden}.session-dropdown-item{width:100%;display:flex;flex-direction:column;gap:3px;padding:10px 14px;background:transparent;border:none;border-bottom:1px solid var(--wborder2);cursor:pointer;transition:background .1s;text-align:left}.session-dropdown-item:hover,.session-dropdown-item.active{background:var(--wo-bg)}.sdi-name{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--wt1)}.sdi-meta{display:flex;gap:10px;font-size:11px;color:var(--wt3)}.sdi-cost{color:#10b981}.timeline-panel{width:400px;min-width:300px;max-width:480px;border-right:1px solid var(--wborder);display:flex;flex-direction:column;overflow:hidden;background:var(--wb)}.timeline-loading{display:flex;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--wt3);font-size:13px}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;color:var(--wt4);font-size:12px;font-family:IBM Plex Sans,system-ui,sans-serif}.timeline-empty-icon{font-size:24px;opacity:.3;margin-bottom:4px}.timeline-clear-btn{margin-top:8px;padding:4px 12px;background:var(--wo-bg);border:1px solid var(--wo-border);border-radius:6px;color:var(--wo-text);font-size:11px;cursor:pointer;transition:all .15s}.timeline-clear-btn:hover{background:#8b5cf626;border-color:#8b5cf666}.timeline-header{display:flex;align-items:center;padding:0 10px;height:32px;background:var(--ws);border-bottom:1px solid var(--wborder);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wt4);flex-shrink:0}.th-seq{width:30px;flex-shrink:0}.th-model,.th-spacer{flex:1}.th-latency{width:44px;text-align:right;flex-shrink:0}.th-tokens{width:85px;text-align:right;flex-shrink:0}.th-cost{width:0;display:none}.timeline-filter-wrap{display:flex;align-items:center;gap:7px;padding:7px 10px;border-bottom:1px solid var(--wborder2);background:var(--whover);flex-shrink:0}.timeline-filter-icon{color:var(--wt4);font-size:16px;flex-shrink:0;line-height:1}.timeline-filter-input{flex:1;background:transparent;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:11px;color:var(--wt2);caret-color:var(--wo)}.timeline-filter-input::placeholder{color:var(--wt5)}.timeline-filter-clear{background:none;border:none;color:var(--wt4);cursor:pointer;font-size:12px;padding:0 2px}.timeline-filter-clear:hover{color:var(--wt2)}.timeline-rows{flex:1;overflow-y:auto;overflow-x:hidden}.timeline-rows::-webkit-scrollbar{width:3px}.timeline-rows::-webkit-scrollbar-track{background:transparent}.timeline-rows::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.exchange-row{padding:8px 12px 6px;border-bottom:1px solid var(--wborder2);cursor:pointer;transition:background .1s,border-left-color .1s;border-left:3px solid transparent;position:relative}.exchange-row:hover{background:var(--whover)}.exchange-row.selected{background:linear-gradient(90deg,#8b5cf61a,#8b5cf605);border-left-color:var(--wo)}.exchange-row-main{display:flex;align-items:center;gap:7px}.exchange-seq{width:26px;font-family:JetBrains Mono,monospace;font-size:9px;color:var(--wt5);flex-shrink:0;font-weight:600}.exchange-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.exchange-model{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--wt1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.exchange-latency{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;flex-shrink:0;width:44px;text-align:right}.exchange-tokens{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;flex-shrink:0;width:85px;text-align:right;color:var(--wt3)}.exchange-row-detail{display:flex;align-items:center;gap:8px;margin-top:3px;padding-left:33px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--wt4)}.exchange-detail-provider,.exchange-detail-tokens{color:var(--wt3)}.exchange-detail-cost{color:#10b981;font-weight:600}.exchange-detail-status{font-weight:600;margin-left:auto}.exchange-waterfall-track{margin-top:5px;height:4px;background:var(--wborder2);border-radius:2px;overflow:hidden;padding-left:33px}.exchange-waterfall-bar{height:100%;border-radius:2px;min-width:3px}.inspector-panel{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--wb)}.detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--wt4)}.detail-empty-icon{opacity:.2}.detail-empty-text{font-size:13px;color:var(--wt3)}.detail-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.overview-stripe{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--wborder);flex-shrink:0;background:var(--ws)}.overview-card{padding:14px 20px;border-right:1px solid var(--wborder);display:flex;flex-direction:column;gap:4px}.overview-card:last-child{border-right:none}.ov-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt4)}.ov-value{font-size:22px;font-weight:800;color:var(--wt1);line-height:1.1;letter-spacing:-.02em}.ov-mono{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.ov-emerald{color:#10b981}.ov-sub{font-size:10px;color:var(--wt4);font-family:JetBrains Mono,monospace;margin-top:1px}.detail-tabbar{display:flex;align-items:stretch;border-bottom:1px solid var(--wborder);background:var(--ws);flex-shrink:0;padding:0 12px}.detail-tabs{display:flex;flex:1}.detail-tab{display:flex;align-items:center;gap:5px;padding:10px 14px;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--wt4);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:color .15s,border-color .15s;white-space:nowrap}.detail-tab:hover{color:var(--wt2);background:var(--whover)}.detail-tab.active{color:var(--wt1);border-bottom-color:var(--wo);background:var(--wo-bg)}.detail-tab-actions{display:flex;align-items:center;gap:4px;padding:0 0 0 12px;margin-left:8px;border-left:1px solid var(--wborder)}.tab-action-btn{display:flex;align-items:center;gap:4px;padding:4px 9px;border:1px solid var(--wborder);border-radius:5px;background:transparent;color:var(--wt3);font-size:10px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.tab-action-btn:hover{color:var(--wt1);border-color:var(--wborder);background:var(--whover)}.tab-action-btn.active{background:var(--wo-bg);border-color:var(--wo-border);color:var(--wo-text)}.detail-viewport{flex:1;overflow-y:auto;overflow-x:hidden}.detail-viewport::-webkit-scrollbar{width:3px}.detail-viewport::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:2px}.tab-request{display:flex;flex-direction:column;min-height:100%}.request-line{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid var(--wborder);background:#fbbf240a;flex-shrink:0}.request-method{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;color:#b45309;background:#fbbf241f;padding:3px 8px;border-radius:4px;flex-shrink:0;letter-spacing:.06em}.theme-dark .request-method{color:#fbbf24}.request-path{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--wt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.response-preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:linear-gradient(90deg,var(--wo-bg),transparent);border-bottom:1px solid var(--wo-border)}.preview-text{font-size:12px;color:var(--wt2);line-height:1.5;flex:1;font-style:italic}.preview-goto{display:flex;align-items:center;gap:3px;padding:4px 10px;border:1px solid var(--wo-border);border-radius:5px;background:var(--wo-bg);color:var(--wo-text);font-size:11px;cursor:pointer;flex-shrink:0;transition:all .15s}.preview-goto:hover{background:#8b5cf62e}.tab-rendered{padding:24px 28px;max-width:100%}.tab-rendered.reading-mode{max-width:720px;margin:0 auto;padding:32px 40px}.tab-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;gap:10px;color:var(--wt4);font-size:13px}.premium-markdown{font-family:IBM Plex Sans,system-ui,sans-serif;line-height:1.75;color:var(--wt2)}.md-h1{font-size:22px;font-weight:800;color:var(--wt1);margin:20px 0 10px;letter-spacing:-.02em}.md-h2{font-size:17px;font-weight:700;color:var(--wt1);margin:16px 0 8px;border-bottom:1px solid var(--wborder);padding-bottom:6px}.md-h3{font-size:14px;font-weight:700;color:var(--wo-text);margin:12px 0 6px}.md-p{font-size:13px;color:var(--wt2);margin:8px 0}.md-li{font-size:13px;color:var(--wt2);margin:4px 0 4px 20px;list-style:disc;display:list-item}.md-spacer{height:8px}.md-inline-code{font-family:JetBrains Mono,monospace;font-size:11px;background:var(--wo-bg);color:var(--wo-text);padding:2px 6px;border-radius:4px}.md-code-block{background:var(--ws2);border:1px solid var(--wborder);border-radius:8px;padding:14px 18px;margin:12px 0;overflow-x:auto}.md-code-lang{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--wt4);display:block;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}.md-code-block code{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--rjv-num);white-space:pre}.tab-headers{display:grid;grid-template-columns:1fr 1fr;height:100%}.headers-col{padding:14px 18px;border-right:1px solid var(--wborder);overflow-y:auto}.headers-col:last-child{border-right:none}.headers-col-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt4);margin-bottom:12px}.headers-table{width:100%;border-collapse:collapse}.header-row td{padding:5px 0;font-size:11px;font-family:JetBrains Mono,monospace;border-bottom:1px solid var(--wborder2);vertical-align:top}.header-name{color:var(--wt3);width:42%;padding-right:10px;word-break:break-all}.header-value{color:var(--wt2);word-break:break-all}.header-redacted{color:var(--wt4);letter-spacing:.1em}.header-reveal{background:none;border:none;color:var(--wt3);cursor:pointer;padding:0 3px}.header-reveal:hover{color:var(--wo)}.tab-usage{padding:20px 24px;display:flex;flex-direction:column;gap:20px}.usage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.usage-card{background:var(--ws2);border:1px solid var(--wborder);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;transition:border-color .15s}.usage-card:hover{border-color:var(--wo-border)}.uc-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--wt4)}.uc-value{font-size:22px;font-family:JetBrains Mono,monospace;font-weight:700;color:var(--rjv-num);line-height:1.1}.uc-sub{font-size:10px;font-family:JetBrains Mono,monospace}.usage-allocation{display:flex;flex-direction:column;gap:6px}.usage-alloc-label{display:flex;justify-content:space-between;font-size:10px;font-weight:600;color:var(--wt3)}.usage-bar{height:6px;border-radius:3px;overflow:hidden;background:var(--wborder2);display:flex}.usage-bar-prompt{background:var(--wt4);height:100%}.usage-bar-completion{background:var(--wo);height:100%}.usage-alloc-pct{display:flex;justify-content:space-between;font-size:10px;font-family:JetBrains Mono,monospace;color:var(--wt4)}.usage-meta{background:var(--ws2);border:1px solid var(--wborder);border-radius:10px;overflow:hidden}.um-row{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid var(--wborder2);font-size:12px}.um-row:last-child{border-bottom:none}.um-label{color:var(--wt3)}.um-value{font-family:JetBrains Mono,monospace;color:var(--wt2);font-weight:500;font-size:11px}.json-viewer{padding:14px 18px}.json-viewer [class*=w-rjv-object-key]{font-weight:700!important}.json-viewer [class*=w-rjv-value],.json-viewer [class*=w-rjv-string],.json-viewer [class*=w-rjv-number],.json-viewer [class*=w-rjv-boolean],.json-viewer [class*=w-rjv-null]{font-weight:600!important}.demo-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:7px 16px;font-size:11px;font-weight:600;color:var(--wt3);background:var(--ws);border-bottom:1px solid var(--wborder);flex-shrink:0}.demo-banner-cta{color:var(--wo);text-decoration:none}.demo-banner-cta:hover{color:var(--wo-text)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#f871711a;border-bottom:1px solid rgba(248,113,113,.2);font-size:12px;color:#f87171;flex-shrink:0}.error-banner button{background:none;border:none;color:#f87171;cursor:pointer;font-size:16px}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}