@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-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--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}}}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}: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-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Monaco",monospace;font-family:var(--font-sans);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{0%,to{opacity:1}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}}@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-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@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}