#callflow.flow-grid{grid-template-columns:minmax(0, var(--split,60fr)) 10px minmax(0, var(--right,40fr));align-items:stretch;min-width:0;min-height:320px}#callflow:fullscreen{padding:8px;height:100dvh!important}#callflow>.pane{height:100%;min-height:0;overflow:hidden}#callflow .flow-toolbar{white-space:nowrap;border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:4px;min-height:42px;padding:4px 8px;font-size:12px;display:flex}#callflow .flow-toolbar .tool-btn,#callflow .flow-toolbar .tool-group button{height:28px;padding:3px 6px;font-size:11px}#callflow .flow-toolbar .tool-group{gap:0}#callflow .flow-command-menu{z-index:45;border:1px solid var(--color-border);white-space:normal;background:#fff;border-radius:7px;flex-direction:column;gap:6px;min-width:215px;padding:10px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 14px #0002}#callflow .diagram-scroll{flex:1;min-height:0}#callflow .diagram-head{height:32px}#callflow .lane-box{width:110px;height:24px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:5px;margin-left:29px;padding:0;display:flex;top:4px;left:0}#callflow .lane-box svg{width:14px;height:14px;margin:0}#callflow .lane-box b{font-size:13px;line-height:18px}#callflow .flow-footer{white-space:nowrap;flex-wrap:nowrap;flex-shrink:0;gap:8px;height:28px;padding:3px 10px;font-size:10px}#callflow .insp .pane-head{flex-shrink:0;height:36px;min-height:36px;padding:4px 10px}#callflow .insp-title{align-items:center;height:44px;min-height:44px;padding:5px 10px;overflow:hidden}#callflow .insp-title .proto-badge{display:none}#callflow .insp-title .font-mono{font-size:10px}#callflow .insp-tabs{flex-shrink:0;height:34px;padding:0 8px}#callflow .insp-tabs button{height:34px;padding:0 10px;font-size:12px}#callflow .insp-body{flex:1;min-height:0;padding:8px 10px}#callflow .height-handle{height:6px;min-height:6px}@media (width<=1100px){#callflow .splitter{display:flex}#callflow .flow-toolbar{overflow-x:auto}}@media (width<=650px){#callflow.flow-grid{grid-template-columns:minmax(0, var(--split,55fr)) 8px minmax(0, var(--right,45fr))}#callflow .insp-title .font-mono{font-size:9px}}#callflow .flow-toolbar{background:#fff;flex-wrap:wrap;gap:8px;min-height:42px;padding:5px 8px;overflow:visible}#callflow .flow-primary,#callflow .flow-display-controls{align-items:center;gap:6px;min-width:0;display:flex}#callflow .flow-primary{flex-wrap:wrap}#callflow .flow-display-controls{margin-left:auto}#callflow .flow-toolbar h2{white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}#callflow .flow-toolbar h2:before{content:"";background:#ff7900;border-radius:2px;width:3px;height:16px}#callflow .flow-toolbar .tool-btn,#callflow .flow-toolbar .tool-group button{height:32px;box-shadow:none;padding:4px 7px;font-size:12px}#callflow .flow-toolbar .tool-btn svg{width:14px;height:14px}#callflow .flow-toolbar button:focus-visible,#callflow .flow-toolbar summary:focus-visible,#callflow .flow-session-band summary:focus-visible{outline-offset:2px;outline:2px solid #ff7900}#callflow .flow-toolbar .flow-export-trigger{color:#b45309;background:#fff7ed;border-color:#ff7900}#callflow .flow-zoom{white-space:nowrap;align-items:center;gap:2px;display:flex}#callflow .flow-zoom span{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px}#callflow .flow-zoom button{width:28px;padding:4px}#callflow .flow-command-menu{max-width:calc(100vw - 16px);box-shadow:0 2px 6px #0001}#callflow .lane-box{margin-left:0;transform:translate(-50%)}#callflow .diagram-head{-webkit-backdrop-filter:none;backdrop-filter:none;z-index:3;border-bottom:1px solid var(--input);background:#fff;height:68px;position:sticky;top:0}#callflow .lane-box{align-items:flex-start;gap:5px;width:230px;max-width:calc(100% - 8px);height:58px;padding-top:6px;top:5px}#callflow .lane-box svg{flex-shrink:0;margin-top:2px}#callflow .participant-label{text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:16px}#callflow .participant-label b{white-space:normal;font-size:12px;display:block}#callflow .participant-label span{font-size:11px;line-height:15px;display:block}#callflow .flow-event-facts{white-space:normal;overflow-wrap:anywhere;align-items:flex-start;gap:6px;font-size:12px;line-height:17px;display:flex}#callflow .flow-event-facts span{flex:1;min-width:0}#callflow .flow-facts-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}#callflow .flow-event-facts button{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:10px}#callflow .flow-event-facts button:focus-visible{outline:2px solid #ff7900}#callflow.flow-grid{grid-template-columns:minmax(0, var(--split,65fr)) 10px minmax(0, var(--right,35fr));width:100%;max-width:none;position:relative}#callflow .payload-wrap{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}#callflow .payload-wrap .insp{flex-direction:column;flex:1;height:auto;min-height:0;display:flex}#callflow .payload-toggle{flex-shrink:0;align-self:flex-end;height:30px;margin-bottom:3px;font-size:12px}#callflow.payload-collapsed{grid-template-columns:minmax(0,1fr)}#callflow.payload-collapsed>.splitter,#callflow.payload-collapsed .insp{display:none}#callflow.payload-collapsed .payload-wrap{z-index:5;height:auto;position:absolute;bottom:32px;right:12px}#callflow .participant-label b,#callflow .participant-label span{font-size:13px;line-height:18px}#callflow .flow-row-title{white-space:normal;overflow-wrap:anywhere;text-align:center;background:var(--card);border-radius:3px;font-size:15px;font-weight:600;line-height:20px}#callflow .flow-event-facts{font-size:13px;line-height:19px}#callflow .flow-details-column{background:var(--card);border-left:1px solid var(--input);justify-content:center;align-items:flex-start;height:100%;padding:8px 4px;display:flex}#callflow .flow-details-column button{color:#b45309;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;padding:5px 6px;font-size:12px}#callflow .flow-details-column button:focus-visible{outline-offset:2px;outline:2px solid #ff7900}#callflow .insp-title{align-items:flex-start;height:auto;min-height:64px}#callflow .insp-title .font-mono{white-space:normal;overflow-wrap:anywhere;font-size:12px}#callflow .insp-body{overflow-wrap:anywhere;overflow:auto}#callflow .flow-footer{white-space:normal;height:auto;min-height:32px;font-size:12px}@media (width<=850px){#callflow.flow-grid{grid-template-columns:minmax(0,1fr);height:auto!important}#callflow>.flow-pane{height:640px}#callflow>.splitter{display:none}#callflow .payload-wrap{height:640px}#callflow.payload-collapsed .payload-wrap{height:auto}}