body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#0000;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 0.5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;background-color:var(--xy-background-color-default);background-color:var(--xy-background-color,var(--xy-background-color-default));direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:#0000;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:#0000;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 0.5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-default);background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{touch-action:none;z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width-default);stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke-default);stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width-default);stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;pointer-events:none;position:absolute}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected-default);stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke-default);stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke-default);fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{overflow:visible;position:absolute;z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background-color:var(--xy-handle-background-color-default);background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:0;left:50%;top:auto;transform:translate(-50%,50%)}.react-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.react-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.react-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.bottom.center,.react-flow__panel.top.center{left:50%;transform:translateX(-15px) translateX(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color-default);background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{pointer-events:none}.react-flow__edgelabel-renderer,.react-flow__viewport-portal{height:100%;left:0;position:absolute;top:0;-webkit-user-select:none;user-select:none;width:100%}.react-flow__minimap{background:var(--xy-minimap-background-color-default);background:var(
    --xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default))
  )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-default);fill:var(
      --xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default))
    );stroke:var(--xy-minimap-mask-stroke-color-default);stroke:var(
      --xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default))
    );stroke-width:var(--xy-minimap-mask-stroke-width-default);stroke-width:var(
      --xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default))
    )}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-default);fill:var(
      --xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default))
    );stroke:var(--xy-minimap-node-stroke-color-default);stroke:var(
      --xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default))
    );stroke-width:var(--xy-minimap-node-stroke-width-default);stroke-width:var(
      --xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default))
    )}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-dots-color-default);fill:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default))
    )}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-lines-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default))
    )}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-cross-color-default);stroke:var(
      --xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default))
    )}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow-default);box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));display:flex;flex-direction:column}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{align-items:center;background:var(--xy-controls-button-background-color-default);background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      );color:var(--xy-controls-button-color-default);color:var(
      --xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default))
    );cursor:pointer;display:flex;height:26px;justify-content:center;padding:4px;-webkit-user-select:none;user-select:none;width:26px}.react-flow__controls-button svg{fill:currentColor;max-height:12px;max-width:12px;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:var(--xy-node-background-color-default);background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));border:var(--xy-node-border,var(--xy-node-border-default));border-radius:var(--xy-node-border-radius-default);border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));color:var(--xy-node-color-default);color:var(--xy-node-color,var(--xy-node-color-default));font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover-default);box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected-default);box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color-default);background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color-default);background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-default);background:var(
        --xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default))
      );color:var(--xy-controls-button-color-hover-default);color:var(
        --xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default))
      )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(
        --xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default))
      )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color-default);background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;height:5px;translate:-50% -50%;width:5px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color-default);fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color-default);fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}*{box-sizing:border-box}#root,body,html{height:100%;margin:0;width:100%}html{background:#080b10}body{background:radial-gradient(circle at 15% 10%,#3782ff14,#0000 30%),radial-gradient(circle at 85% 20%,#00dcb40d,#0000 25%),#080b10;color:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;min-width:320px}button,input{font:inherit}button{cursor:pointer}.app{height:100%;width:100%}.eyebrow{color:#6d91c4;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.status-dot{background:#42e6a4;border-radius:50%;box-shadow:0 0 0 3px #42e6a414,0 0 12px #42e6a459;display:inline-block;height:7px;width:7px}.upload-page{margin:0 auto;padding:80px 0;width:min(900px,calc(100% - 40px))}.upload-header{gap:18px;margin-bottom:45px}.brand-mark,.upload-header{align-items:center;display:flex}.brand-mark{background:linear-gradient(145deg,#28559159,#111926cc);border:1px solid #23334a;border-radius:15px;box-shadow:inset 0 1px 0 #ffffff0a,0 15px 40px #00000040;height:58px;justify-content:center;width:58px}.shield-icon{color:#65a8ff;height:28px;width:28px}.upload-header h1{font-size:34px;font-weight:700;letter-spacing:-.04em;margin:5px 0 7px}.upload-header p{color:#778399;font-size:14px;margin:0}.dropzone{align-items:center;background:linear-gradient(145deg,#111823e6,#0a0e15f5);border:1px dashed #34445b;border-radius:20px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025),0 25px 70px #00000040;display:flex;flex-direction:column;justify-content:center;min-height:380px;padding:50px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.dropzone:hover{border-color:#48668f}.dropzone.active{background:radial-gradient(circle at center,#3f87e61a,#0000 60%),#0c131d;border-color:#5fa8ff;transform:scale(1.01)}.dropzone.loading{cursor:wait}.dropzone-icon{align-items:center;background:#0d1724;border:1px solid #263a54;border-radius:20px;box-shadow:0 0 40px #4191ff12;color:#65a8ff;display:flex;height:76px;justify-content:center;margin-bottom:25px;width:76px}.upload-icon{height:34px;width:34px}.dropzone h2{font-size:21px;font-weight:650;letter-spacing:-.02em;margin:0 0 9px}.dropzone p{color:#6f7d91;font-size:14px;margin:0 0 26px}.browse-button{align-items:center;background:#13233a;border:1px solid #31547f;border-radius:9px;color:#e8f1ff;display:inline-flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:11px 17px}.browse-button:hover{background:#18304f;border-color:#4c7fb9}.file-hint{color:#4e5c6f;font-size:11px;margin-top:13px}.error-box{background:#8226321f;border:1px solid #5c3036;border-radius:9px;color:#ff9b9b;font-size:13px;margin-top:18px;padding:13px 16px}.spinner{animation:spin .8s linear infinite;border:3px solid #25364c;border-radius:50%;border-top-color:#67aaff;height:30px;width:30px}.demo-divider{align-items:center;color:#536176;display:flex;font-size:10px;font-weight:700;gap:14px;letter-spacing:2px;margin:24px 0 18px;width:220px}.demo-divider:after,.demo-divider:before{background:#263448;content:"";flex:1 1;height:1px}.demo-button{align-items:center;background:linear-gradient(135deg,#19385d,#14263e);border:1px solid #31547f;border-radius:9px;color:#e8f1ff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:650;gap:10px;justify-content:center;padding:12px 28px;transition:all .2s ease}.demo-button:hover{background:linear-gradient(135deg,#24558a,#1b385c);border-color:#65a8ff;box-shadow:0 8px 25px #4191ff1f;transform:translateY(-2px)}.demo-button:active{transform:translateY(0)}.demo-play{color:#75b5ff;font-size:12px}.demo-hint{color:#536176;font-size:11px;margin-top:12px}@keyframes spin{to{transform:rotate(1turn)}}.page-header{background:#0c1118;border-bottom:1px solid #1e2938;box-sizing:border-box;color:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:space-between;min-height:68px;padding:0 28px;width:100%}.page-header,.page-header-left{align-items:center;display:flex}.page-header-left{gap:34px;min-width:0}.page-header-brand{flex-shrink:0}.page-header-eyebrow{color:#6d91c4;font-size:9px;font-weight:700;letter-spacing:.15em;margin-bottom:3px}.page-header-brand h1{color:#f3f6fb;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0}.page-header-nav{align-items:stretch;display:flex;gap:4px;height:68px}.page-header-nav-link{align-items:center;color:#718096;display:flex;font-size:12px;font-weight:500;padding:0 13px;position:relative;text-decoration:none;transition:color .12s ease,background .12s ease}.page-header-nav-link:hover{background:hsla(0,0%,100%,.025);color:#b5c2d4}.page-header-nav-link.active{color:#65a8ff}.page-header-nav-link.active:after{background:#65a8ff;bottom:0;box-shadow:0 0 8px #65a8ff4d;content:"";height:2px;left:12px;position:absolute;right:12px}.page-header-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.page-header-filename{color:#8293aa;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;max-width:220px;overflow:hidden;padding:6px 9px;text-overflow:ellipsis;white-space:nowrap}.page-header-filename,.page-header-theme{background:#101722;border:1px solid #23334a;border-radius:4px}.page-header-theme{align-items:center;color:#91a2b8;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;padding:0;width:30px}.page-header-theme:hover{background:#141d29;border-color:#355274;color:#65a8ff}:root[data-theme=light] .page-header{background:#fff;border-bottom-color:#dce1e7;color:#20262d}:root[data-theme=light] .page-header-brand h1{color:#20262d}:root[data-theme=light] .page-header-eyebrow{color:#547daf}:root[data-theme=light] .page-header-nav-link{color:#6d7780}:root[data-theme=light] .page-header-nav-link:hover{background:#f5f7f9;color:#344252}:root[data-theme=light] .page-header-nav-link.active{color:#3978b9}:root[data-theme=light] .page-header-nav-link.active:after{background:#3978b9}:root[data-theme=light] .page-header-filename,:root[data-theme=light] .page-header-theme{background:#f7f9fb;border-color:#d5dbe2;color:#596675}:root[data-theme=light] .page-header-theme:hover{background:#edf3f9;color:#3978b9}@media (max-width:900px){.page-header{padding:0 18px}.page-header-left{gap:18px}.page-header-nav-link{padding:0 9px}.page-header-filename{max-width:150px}}@media (max-width:700px){.page-header{align-items:flex-start;min-height:auto;padding:14px 16px}.page-header-left{align-items:flex-start;flex-direction:column;gap:10px}.page-header-nav{height:34px}.page-header-nav-link{padding:0 7px}.page-header-right{padding-top:2px}.page-header-filename{display:none}}.graph-page{background:#f5f5f5;color:#222;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;width:100%}.graph-content{display:flex}.graph-container,.graph-content{flex:1 1;min-height:0;min-width:0;overflow:hidden;position:relative}.react-flow{height:100%;width:100%}.react-flow__node{cursor:grab}.react-flow__node:active{cursor:grabbing}.react-flow__pane{cursor:grab}.react-flow__pane:active{cursor:grabbing}.graph-no-data{align-items:center;color:#555;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.graph-no-data h2{color:#222;margin:0 0 8px}.graph-no-data p{margin:0}.node-panel{background:#fff;border-left:1px solid #ddd;box-sizing:border-box;flex-shrink:0;overflow-y:auto;padding:28px;width:380px}.node-panel-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.node-panel-eyebrow{color:#888;display:block;font-size:11px;font-weight:700;letter-spacing:.12em;margin-bottom:6px}.node-panel-header h2{color:#222;font-size:28px;font-weight:600;margin:0}.node-panel-close{background:#eee;border:none;border-radius:6px;color:#333;cursor:pointer;font-size:24px;height:32px;line-height:1;width:32px}.node-panel-close:hover{background:#ddd}.node-panel-section{border-top:1px solid #eee;padding:20px 0}.node-panel-label{color:#888;display:block;font-size:12px;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.node-panel-value{color:#222;font-size:32px;font-weight:600}.node-panel-empty{color:#999;font-size:14px;margin:0}.connection-list{display:flex;flex-direction:column;gap:8px}.connection-item{align-items:center;background:#f5f5f5;border-radius:7px;color:#333;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px}.connection-item strong{color:#777;font-size:13px}.packet-section-header{align-items:center;display:flex;justify-content:space-between}.packet-section-header .node-panel-label{margin-bottom:0}.packet-count{background:#eee;border-radius:12px;color:#555;font-size:12px;font-weight:600;min-width:24px;padding:3px 7px;text-align:center}.packet-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.packet-item{background:#fafafa;border:1px solid #ddd;border-radius:8px;overflow:hidden}.packet-item summary{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;list-style:none;padding:11px 12px}.packet-item summary::-webkit-details-marker{display:none}.packet-item summary:hover{background:#f0f0f0}.packet-details{padding:0 12px 12px}.packet-field{border-top:1px solid #eee;padding:9px 0}.packet-field-name{color:#888;display:block;font-size:11px;font-weight:700;margin-bottom:4px;text-transform:uppercase}.packet-field-value{color:#333;font-size:12px}.overview-data,.packet-field-value{font-family:monospace;margin:0;white-space:pre-wrap;word-break:break-word}.overview-data{background:#f5f5f5;border-radius:8px;color:#555;font-size:11px;padding:12px}.protocol-node{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}.protocol-node-type{font-size:15px;font-weight:600;line-height:1.2}.protocol-node-count{color:#888;font-size:11px;font-weight:400;margin-top:5px}@media (max-width:900px){.node-panel{width:320px}}@media (max-width:700px){.graph-content{flex-direction:column}.node-panel{border-left:none;border-top:1px solid #ddd;max-height:45vh;width:100%}}.flows-page{background:radial-gradient(circle at 15% 10%,#3782ff0d,#0000 30%),#080b10;box-sizing:border-box;color:#f3f6fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:calc(100vh - 68px);padding:20px 32px 28px;width:100%}.flows-filterbar{align-items:center;background:#0d131b;border:1px solid #202b39;display:flex;height:38px;margin:0 0 8px;padding:0 8px;width:100%}.flows-filterbar label{color:#7d8da2;flex:0 0 auto;font-size:11px;font-weight:600;margin:0 10px 0 4px}.flows-filterbar input{background:#101721;border:1px solid #263445;border-radius:2px;color:#dce4ee;flex:1 1;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;height:26px;min-width:0;outline:none;padding:0 8px}.flows-filterbar input:focus{background:#111a25;border-color:#3e628a}.flows-filterbar input::placeholder{color:#586779}.filter-clear{background:#151d27;border:1px solid #293746;border-radius:2px;color:#8796a8;cursor:pointer;font-size:11px;height:25px;margin-left:6px;padding:0 9px}.filter-clear:hover{background:#1b2632;color:#b2c0d0}.flows-visible-count{border-left:1px solid #27313d;color:#68788c;flex:0 0 auto;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:10px;margin-left:10px;padding-left:10px}.flows-table-container{background:#0d131b;border:1px solid #202b39;box-shadow:0 1px 2px #0003;overflow:auto;width:100%}.flows-table{border-collapse:collapse;font-size:12px;table-layout:fixed;width:100%}.flows-table thead{position:sticky;top:0;z-index:2}.flows-table th{background:#151d27;border-bottom:1px solid #303b49;border-right:1px solid #26313e;color:#8998aa;font-size:10px;font-weight:600;height:30px;padding:0 9px;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.flows-table th:last-child{border-right:none}.flows-table th.sortable{cursor:pointer}.flows-table th.sortable:hover{background:#1a2430;color:#b9c6d5}.flows-table td{background:#0d131b;border-bottom:1px solid #1b2632;border-right:1px solid #1b2632;color:#c7d0db;height:29px;padding:0 9px;white-space:nowrap}.flows-table td:last-child{border-right:none}.flow-row{cursor:pointer}.flow-row:hover td{background:#111c28}.flow-row:active td{background:#162334}.endpoint{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden;text-overflow:ellipsis}.endpoint span{color:#cbd6e2}.endpoint small{color:#667689}.protocol{color:#9aabbc!important;font-size:11px}.number,.protocol{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.number{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right!important}.muted{color:#657487!important}.duration{font-feature-settings:"tnum";font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.column-number{color:#647386!important;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;text-align:right!important;width:45px}.column-protocol{width:90px}.column-number-value{text-align:right!important;width:85px}.column-duration{width:95px}.flows-empty{color:#657487!important;font-size:12px;height:180px!important;text-align:center!important}:root[data-theme=light] .flows-page{background:radial-gradient(circle at 15% 10%,rgba(55,130,255,.035),#0000 30%),#f1f3f5;color:#20262d}:root[data-theme=light] .flows-filterbar{background:#fff;border-color:#c8cfd5}:root[data-theme=light] .flows-filterbar label{color:#68737c}:root[data-theme=light] .flows-filterbar input{background:#f8f9fa;border-color:#d4d9de;color:#20262d}:root[data-theme=light] .flows-filterbar input:focus{background:#fff;border-color:#7fa4c2}:root[data-theme=light] .flows-filterbar input::placeholder{color:#9aa2a9}:root[data-theme=light] .filter-clear{background:#f3f5f6;border-color:#cbd2d8;color:#59646e}:root[data-theme=light] .filter-clear:hover{background:#e8ecef}:root[data-theme=light] .flows-visible-count{border-left-color:#d8dde1;color:#7a848c}:root[data-theme=light] .flows-table-container{background:#fff;border-color:#c8cfd5}:root[data-theme=light] .flows-table th{background:#e7eaed;border-bottom-color:#bfc7cd;border-right-color:#d7dce0;color:#4e5962}:root[data-theme=light] .flows-table th.sortable:hover{background:#dde1e4;color:#26313a}:root[data-theme=light] .flows-table td{background:#fff;border-bottom-color:#e1e5e8;border-right-color:#e1e5e8;color:#303940}:root[data-theme=light] .flow-row:hover td{background:#e9f2f8}:root[data-theme=light] .flow-row:active td{background:#dceaf3}:root[data-theme=light] .endpoint span{color:#26343e}:root[data-theme=light] .endpoint small{color:#78838c}:root[data-theme=light] .protocol{color:#47545e!important}:root[data-theme=light] .muted{color:#8a949c!important}:root[data-theme=light] .column-number,:root[data-theme=light] .flows-empty{color:#89939b!important}@media (max-width:800px){.flows-page{min-height:calc(100vh - 68px);padding:16px 20px 20px}.flows-table{min-width:850px}.flows-table-container{overflow-x:auto}}@media (max-width:600px){.flows-page{padding:16px}.flows-filterbar label,.flows-visible-count{display:none}}.flow-inspector{background:#080b10;color:#dce4ee;min-height:calc(100vh - 68px);padding:0 24px 40px;width:100%}.flow-inspector,.flow-inspector *,.flow-inspector :after,.flow-inspector :before{box-sizing:border-box}.flow-inspector .fi-back{align-items:center;background:#0d131a;border:1px solid #26313e;border-radius:5px;color:#9aa9ba;cursor:pointer;display:inline-flex;font-size:11px;font-weight:600;gap:8px;margin-bottom:22px;margin-top:20px;padding:7px 11px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}.flow-inspector .fi-back:hover{background:#141c25;border-color:#3a4858;color:#e0e7ef;transform:translateX(-2px)}.flow-inspector .fi-back:active{transform:translateX(-3px)}.flow-inspector .fi-back-arrow{color:#718398;font-size:14px;line-height:1}.flow-inspector .fi-back:hover .fi-back-arrow{color:#aebdcd}.flow-inspector .fi-identity{padding-bottom:20px;width:100%}.flow-inspector .fi-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:14px}.flow-inspector .fi-eyebrow{color:#526275;display:block;font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:4px}.flow-inspector .fi-heading h2{color:#e5ebf2;font-size:18px;font-weight:500;letter-spacing:-.02em;margin:0}.flow-inspector .fi-id{color:#465465;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.flow-inspector .fi-endpoints{background:linear-gradient(135deg,hsla(0,0%,100%,.018),#fff0);border:1px solid #1b2530;border-radius:6px;display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);min-height:96px;overflow:hidden;width:100%}.flow-inspector .fi-endpoint{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:16px 20px}.flow-inspector .fi-source{border-left:2px solid #4d8edb}.flow-inspector .fi-destination{align-items:flex-end;border-right:2px solid #42b883;text-align:right}.flow-inspector .fi-endpoint-label{color:#526275;font-size:9px;font-weight:700;letter-spacing:.14em;margin-bottom:6px}.flow-inspector .fi-address{align-items:baseline;color:#e0e7ef;display:flex;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:500;min-width:0}.flow-inspector .fi-address span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-inspector .fi-address small{color:#69798c;flex-shrink:0;font-size:11px;font-weight:400;margin-left:2px}.flow-inspector .fi-arrow{align-items:center;display:flex;justify-content:center;min-width:0;position:relative}.flow-inspector .fi-arrow>span{background:#202b37;height:1px;left:0;position:absolute;right:0}.flow-inspector .fi-arrow strong{align-items:center;background:#080b10;border:1px solid #263340;border-radius:50%;color:#718398;display:flex;font-size:13px;font-weight:400;height:30px;justify-content:center;position:relative;width:30px;z-index:1}.flow-inspector .fi-stats{align-items:center;display:flex;gap:0;margin-top:10px}.flow-inspector .fi-stat{align-items:center;border-right:1px solid #202a35;display:flex;gap:7px;padding:0 13px}.flow-inspector .fi-stat:first-child{padding-left:1px}.flow-inspector .fi-stat:last-child{border-right:0}.flow-inspector .fi-stat-label{color:#4f5e70;font-size:9px;font-weight:700;letter-spacing:.1em}.flow-inspector .fi-stat-value{color:#9aa9ba;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.flow-inspector .fi-protocol{color:#8ea4bb}.flow-inspector .fi-separator{background:#1a242f;height:1px;margin-bottom:24px;margin-top:4px;width:100%}.flow-inspector .fi-stream-section{width:100%}.flow-inspector .fi-stream-header{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:12px}.flow-inspector .fi-traffic-label{color:#536477;display:block;font-size:9px;font-weight:700;letter-spacing:.16em;margin-bottom:4px}.flow-inspector .fi-stream-title h2{color:#dce4ee;font-size:15px;font-weight:600;letter-spacing:-.01em;margin:0}.flow-inspector .fi-stream-title p{color:#657487;font-size:10px;line-height:1.4;margin:4px 0 0}.flow-inspector .fi-stream-controls{align-items:center;display:flex;gap:12px}.flow-inspector .fi-toggle{align-items:center;background:#0b1016;border:1px solid #26313e;border-radius:5px;display:flex;padding:2px}.flow-inspector .fi-toggle button{background:#0000;border:0;border-radius:3px;color:#68788c;cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;padding:5px 10px;transition:background .15s ease,color .15s ease}.flow-inspector .fi-toggle button:hover{color:#b6c3d1}.flow-inspector .fi-toggle button.active{background:#1b2632;color:#e0e7ef}.flow-inspector .fi-packet-count{color:#5e6e80;font-family:SFMono-Regular,Consolas,monospace;font-size:10px}.flow-inspector .fi-analysis-layout{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(390px,450px);width:100%}.flow-inspector .fi-packet-list{background:#090e14;border:1px solid #1d2733;border-radius:6px;min-width:0;overflow:hidden}.flow-inspector .fi-panel-header{align-items:center;background:#0c1118;border-bottom:1px solid #1d2733;color:#59697c;display:flex;font-size:9px;font-weight:700;justify-content:space-between;letter-spacing:.13em;min-height:34px;padding:0 12px}.flow-inspector .fi-panel-header span:last-child{color:#4f5f72;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:0}.flow-inspector .fi-packet-stream{width:100%}.flow-inspector .fi-packet{border-bottom:1px solid #1d2733;cursor:pointer;transition:background .12s ease,border-color .12s ease;width:100%}.flow-inspector .fi-packet:last-child{border-bottom:0}.flow-inspector .fi-packet:hover{background:#0d141c}.flow-inspector .fi-packet.fi-selected{background:#101923}.flow-inspector .fi-packet-meta{align-items:center;background:#0c1118;display:flex;min-height:29px;padding:0 10px}.flow-inspector .fi-packet:hover .fi-packet-meta{background:#101720}.flow-inspector .fi-packet.fi-selected .fi-packet-meta{background:#141e29}.flow-inspector .fi-outgoing .fi-packet-meta{border-left:2px solid #4d8edb}.flow-inspector .fi-incoming .fi-packet-meta{border-left:2px solid #42b883}.flow-inspector .fi-packet-number{color:#59697c;flex-shrink:0;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;width:42px}.flow-inspector .fi-direction{color:#9aa9ba;display:flex;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;gap:7px;min-width:0}.flow-inspector .fi-direction span{color:#526276}.flow-inspector .fi-packet-content{background:#090e14;padding:10px 18px 12px 54px;width:100%}.flow-inspector .fi-packet-content pre{color:#d3dce7;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap;width:100%;word-break:break-word}.flow-inspector .fi-no-payload{color:#59697c;font-size:10px}.flow-inspector .fi-packet-inspector{align-self:start;background:#090e14;border:1px solid #1d2733;border-radius:6px;max-height:calc(100vh - 105px);min-width:0;overflow:hidden auto;position:sticky;top:18px}.flow-inspector .fi-inspector-empty{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:28px 24px}.flow-inspector .fi-inspector-icon{align-items:center;border:1px solid #263340;border-radius:5px;color:#596a7d;display:flex;font-size:14px;height:32px;justify-content:center;margin-bottom:16px;width:32px}.flow-inspector .fi-inspector-eyebrow{color:#526275;display:block;font-size:9px;font-weight:700;letter-spacing:.15em;margin-bottom:5px}.flow-inspector .fi-inspector-empty h3{color:#cbd6e2;font-size:15px;font-weight:600;margin:0}.flow-inspector .fi-inspector-empty p{color:#657487;font-size:11px;line-height:1.55;margin:7px 0 0;max-width:300px}.flow-inspector .fi-inspector-header{align-items:center;background:#0c1118;border-bottom:1px solid #1d2733;display:flex;justify-content:space-between;padding:15px 16px 13px}.flow-inspector .fi-inspector-header h3{color:#dce4ee;font-family:SFMono-Regular,Consolas,monospace;font-size:15px;font-weight:500;margin:0}.flow-inspector .fi-inspector-close{align-items:center;background:#0000;border:1px solid #293542;border-radius:4px;color:#718398;cursor:pointer;display:flex;font-size:18px;height:25px;justify-content:center;line-height:1;transition:background .15s ease,border-color .15s ease,color .15s ease;width:25px}.flow-inspector .fi-inspector-close:hover{background:#17202a;border-color:#3a4858;color:#dce4ee}.flow-inspector .fi-inspector-direction{align-items:center;border-bottom:1px solid #1b2530;color:#8e9eaf;display:flex;font-family:SFMono-Regular,Consolas,monospace;font-size:10px;gap:8px;padding:10px 16px}.flow-inspector .fi-inspector-direction span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-inspector .fi-inspector-direction strong{color:#526276;flex-shrink:0;font-weight:400}.flow-inspector .fi-protocol-stack{width:100%}.flow-inspector .fi-inspector-layer{border-bottom:1px solid #1d2733;width:100%}.flow-inspector .fi-inspector-layer:last-child{border-bottom:0}.flow-inspector .fi-layer-header{align-items:center;background:#0b1016;display:flex;justify-content:space-between;min-height:42px;padding:7px 12px}.flow-inspector .fi-layer-type{color:#526276;display:block;font-size:8px;font-weight:700;letter-spacing:.14em;margin-bottom:2px}.flow-inspector .fi-layer-header h4{color:#cbd6e2;font-size:11px;font-weight:600;margin:0}.flow-inspector .fi-layer-fields{background:#090e14;padding:9px 12px;width:100%}.flow-inspector .fi-field{grid-gap:12px;border-bottom:1px solid #141d26;display:grid;gap:12px;grid-template-columns:minmax(110px,1fr) minmax(0,1.5fr);padding:5px 0}.flow-inspector .fi-field:first-child{padding-top:0}.flow-inspector .fi-field:last-child{border-bottom:0;padding-bottom:0}.flow-inspector .fi-field span{color:#59697c;font-size:9px;min-width:0}.flow-inspector .fi-field strong{color:#aebbc9;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:400;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.flow-inspector .fi-payload-block{margin-bottom:12px;width:100%}.flow-inspector .fi-payload-block:last-child{margin-bottom:0}.flow-inspector .fi-payload-block>span{color:#59697c;display:block;font-size:8px;font-weight:700;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.flow-inspector .fi-payload-block pre{background:#080d13;border:1px solid #1d2733;border-radius:4px;color:#d3dce7;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.55;margin:0;max-height:240px;overflow:auto;overflow-wrap:anywhere;padding:9px;white-space:pre-wrap;width:100%;word-break:break-word}.flow-inspector .fi-full-stream{background:#090e14;border:1px solid #1d2733;border-radius:6px;min-height:220px;overflow:hidden;width:100%}.flow-inspector .fi-full-stream pre{color:#d3dce7;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere;padding:14px 18px;white-space:pre-wrap;width:100%;word-break:break-word}.flow-inspector .fi-hex-stream{color:#8ea4bb;word-break:break-all}.flow-inspector .fi-empty{border:1px solid #1d2733;border-radius:6px;color:#657487;font-size:11px;padding:22px;width:100%}.flow-inspector .fi-not-found{padding:30px 0}.flow-inspector .fi-not-found h2{color:#cbd6e2;font-size:16px;margin:0 0 6px}.flow-inspector .fi-not-found p{color:#657487;font-size:12px;margin:0}:root[data-theme=light] .flow-inspector{background:#f4f5f7;color:#20262d}:root[data-theme=light] .flow-inspector .fi-back{background:#fff;border-color:#d1d6dd;color:#687280}:root[data-theme=light] .flow-inspector .fi-back:hover{background:#f1f3f5;border-color:#b9c1ca;color:#20262d}:root[data-theme=light] .flow-inspector .fi-back-arrow{color:#7b8794}:root[data-theme=light] .flow-inspector .fi-heading h2{color:#20262d}:root[data-theme=light] .flow-inspector .fi-eyebrow{color:#7a8795}:root[data-theme=light] .flow-inspector .fi-id{color:#9aa3ad}:root[data-theme=light] .flow-inspector .fi-endpoints{background:#fff;border-color:#d4d9df}:root[data-theme=light] .flow-inspector .fi-endpoint-label{color:#89939e}:root[data-theme=light] .flow-inspector .fi-address{color:#20262d}:root[data-theme=light] .flow-inspector .fi-address small{color:#7b8692}:root[data-theme=light] .flow-inspector .fi-arrow>span{background:#d9dee4}:root[data-theme=light] .flow-inspector .fi-arrow strong{background:#fff;border-color:#d4d9df;color:#718091}:root[data-theme=light] .flow-inspector .fi-stat{border-right-color:#d8dde2}:root[data-theme=light] .flow-inspector .fi-stat-label{color:#89939e}:root[data-theme=light] .flow-inspector .fi-stat-value{color:#596674}:root[data-theme=light] .flow-inspector .fi-protocol{color:#53697e}:root[data-theme=light] .flow-inspector .fi-separator{background:#d4d9df}:root[data-theme=light] .flow-inspector .fi-traffic-label{color:#7a8795}:root[data-theme=light] .flow-inspector .fi-stream-title h2{color:#374151}:root[data-theme=light] .flow-inspector .fi-stream-title p{color:#737d89}:root[data-theme=light] .flow-inspector .fi-toggle{background:#eef0f3;border-color:#d1d6dd}:root[data-theme=light] .flow-inspector .fi-toggle button{color:#737d89}:root[data-theme=light] .flow-inspector .fi-toggle button.active{background:#fff;box-shadow:0 1px 2px #00000014;color:#20262d}:root[data-theme=light] .flow-inspector .fi-packet-count{color:#737d89}:root[data-theme=light] .flow-inspector .fi-packet-list{background:#fff;border-color:#d4d9df}:root[data-theme=light] .flow-inspector .fi-panel-header{background:#eef0f3;border-bottom-color:#d4d9df;color:#737d89}:root[data-theme=light] .flow-inspector .fi-panel-header span:last-child{color:#89939e}:root[data-theme=light] .flow-inspector .fi-packet{border-bottom-color:#dfe3e8}:root[data-theme=light] .flow-inspector .fi-packet:hover{background:#f7f8f9}:root[data-theme=light] .flow-inspector .fi-packet.fi-selected{background:#edf2f6}:root[data-theme=light] .flow-inspector .fi-packet-meta{background:#eef0f3}:root[data-theme=light] .flow-inspector .fi-packet:hover .fi-packet-meta{background:#e8ebee}:root[data-theme=light] .flow-inspector .fi-packet.fi-selected .fi-packet-meta{background:#e1e7ec}:root[data-theme=light] .flow-inspector .fi-packet-number{color:#8a929d}:root[data-theme=light] .flow-inspector .fi-direction{color:#46515e}:root[data-theme=light] .flow-inspector .fi-direction span{color:#8b96a3}:root[data-theme=light] .flow-inspector .fi-packet-content{background:#fff}:root[data-theme=light] .flow-inspector .fi-packet-content pre{color:#20262d}:root[data-theme=light] .flow-inspector .fi-no-payload{color:#8a929d}:root[data-theme=light] .flow-inspector .fi-packet-inspector{background:#fff;border-color:#d4d9df}:root[data-theme=light] .flow-inspector .fi-inspector-header{background:#eef0f3;border-bottom-color:#d4d9df}:root[data-theme=light] .flow-inspector .fi-inspector-eyebrow{color:#7a8795}:root[data-theme=light] .flow-inspector .fi-inspector-header h3{color:#374151}:root[data-theme=light] .flow-inspector .fi-inspector-close{border-color:#d1d6dd;color:#737d89}:root[data-theme=light] .flow-inspector .fi-inspector-close:hover{background:#f1f3f5;border-color:#b9c1ca;color:#20262d}:root[data-theme=light] .flow-inspector .fi-inspector-direction{border-bottom-color:#dfe3e8;color:#596674}:root[data-theme=light] .flow-inspector .fi-inspector-direction strong{color:#89939e}:root[data-theme=light] .flow-inspector .fi-inspector-layer{border-bottom-color:#dfe3e8}:root[data-theme=light] .flow-inspector .fi-layer-header{background:#f4f5f7}:root[data-theme=light] .flow-inspector .fi-layer-type{color:#89939e}:root[data-theme=light] .flow-inspector .fi-layer-header h4{color:#374151}:root[data-theme=light] .flow-inspector .fi-layer-fields{background:#fff}:root[data-theme=light] .flow-inspector .fi-field{border-bottom-color:#edf0f2}:root[data-theme=light] .flow-inspector .fi-field span{color:#89939e}:root[data-theme=light] .flow-inspector .fi-field strong{color:#46515e}:root[data-theme=light] .flow-inspector .fi-payload-block>span{color:#89939e}:root[data-theme=light] .flow-inspector .fi-payload-block pre{background:#fafbfc;border-color:#dfe3e8;color:#20262d}:root[data-theme=light] .flow-inspector .fi-inspector-empty{background:#fff}:root[data-theme=light] .flow-inspector .fi-inspector-icon{border-color:#d1d6dd;color:#89939e}:root[data-theme=light] .flow-inspector .fi-inspector-empty h3{color:#374151}:root[data-theme=light] .flow-inspector .fi-inspector-empty p{color:#737d89}:root[data-theme=light] .flow-inspector .fi-full-stream{background:#fff;border-color:#d4d9df}:root[data-theme=light] .flow-inspector .fi-full-stream pre{color:#20262d}:root[data-theme=light] .flow-inspector .fi-hex-stream{color:#536273}:root[data-theme=light] .flow-inspector .fi-empty{border-color:#d4d9df;color:#737d89}:root[data-theme=light] .flow-inspector .fi-not-found h2{color:#374151}:root[data-theme=light] .flow-inspector .fi-not-found p{color:#737d89}@media (max-width:1100px){.flow-inspector .fi-analysis-layout{grid-template-columns:minmax(0,1fr) minmax(340px,400px)}}@media (max-width:850px){.flow-inspector{padding:0 18px 36px}.flow-inspector .fi-analysis-layout{grid-template-columns:1fr}.flow-inspector .fi-packet-inspector{max-height:none;order:-1;position:static}.flow-inspector .fi-inspector-empty{min-height:180px}.flow-inspector .fi-endpoints{grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}.flow-inspector .fi-endpoint{padding:16px}.flow-inspector .fi-address{font-size:13px}}@media (max-width:650px){.flow-inspector{padding:0 14px 30px}.flow-inspector .fi-heading{align-items:flex-start;flex-direction:column;gap:5px}.flow-inspector .fi-endpoints{grid-template-columns:1fr;min-height:0}.flow-inspector .fi-endpoint{min-height:72px}.flow-inspector .fi-destination{align-items:flex-start;border-right:0;border-top:1px solid #1b2530;text-align:left}.flow-inspector .fi-arrow{display:none}.flow-inspector .fi-stats{flex-wrap:wrap;gap:8px 0}.flow-inspector .fi-stat{padding:0 9px}.flow-inspector .fi-stream-header{align-items:flex-start;flex-direction:column;gap:12px}.flow-inspector .fi-stream-controls{justify-content:space-between;width:100%}}@media (max-width:450px){.flow-inspector .fi-stream-controls{align-items:flex-start;flex-direction:column}.flow-inspector .fi-packet-count{margin-left:2px}.flow-inspector .fi-stat{border-right:0}.flow-inspector .fi-packet-content{padding-left:14px}.flow-inspector .fi-field{gap:3px;grid-template-columns:1fr}.flow-inspector .fi-field strong{text-align:left}}@media (max-width:650px){:root[data-theme=light] .flow-inspector .fi-destination{border-top-color:#d4d9df}}
/*# sourceMappingURL=main.98abb9cd.css.map*/