.flow-studio{width:100%;max-width:1480px;margin:0 auto}.flow-workspace{display:flex;flex-direction:column;height:calc(100dvh - 82px);min-height:620px;border:1px solid var(--line);background:var(--surface-raised);overflow:hidden}body.flow-workspace-open{overflow:hidden}body.flow-workspace-open .site-main-wide{max-width:none;padding:12px 14px 14px}body.flow-workspace-open .flow-studio{max-width:none}body.flow-workspace-open .site-footer{display:none}.flow-commandbar{display:flex;align-items:center;gap:18px;min-height:58px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.flow-command-title{display:grid;min-width:220px;margin-right:auto;line-height:1.25}.flow-command-title .eyebrow{font-size:9px;letter-spacing:.11em}.flow-command-title strong{font:650 15px var(--font-display);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-command-title small{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flow-command-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.flow-tool-button{min-height:34px;padding:6px 9px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-muted);font-size:11px;font-weight:600;cursor:pointer}.flow-tool-button:hover,.flow-tool-button:focus-visible,.flow-tool-button[aria-pressed=true]{border-color:var(--line);background:var(--surface-inset);color:var(--text-primary)}.flow-tool-button:disabled{opacity:.48;cursor:not-allowed}.flow-command-actions .btn{min-height:34px;padding:6px 11px;border-radius:6px;font-size:11px}.flow-summary{position:relative;display:flex;flex:none;overflow:visible;border:0;border-bottom:1px solid var(--line);background:var(--surface-inset)}.flow-stat{position:relative;display:flex;align-items:baseline;gap:6px;min-width:auto;padding:8px 12px;border:0;border-right:1px solid var(--line);background:transparent;color:inherit;text-align:left;cursor:pointer}.flow-stat:last-child{border-right:1px solid var(--line)}.flow-stat b{font:650 14px var(--font-display);font-variant-numeric:tabular-nums}.flow-stat span{font:600 10px var(--font-body);letter-spacing:0;text-transform:none;color:var(--text-muted)}.flow-stat:hover,.flow-stat:focus-visible,.flow-stat[data-active=true]{background:var(--surface-raised)}.flow-stat[data-active=true]{box-shadow:inset 0 -2px var(--signal-receive)}.flow-stat:after{content:attr(data-tooltip);position:absolute;z-index:30;left:8px;top:calc(100% + 7px);width:min(270px,75vw);padding:9px 10px;border:1px solid var(--control-line);border-radius:6px;background:var(--night);color:var(--chalk);font:12px/1.4 var(--font-body);box-shadow:0 10px 30px #00000038;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-3px);transition:opacity .12s,transform .12s}.flow-stat:hover:after,.flow-stat:focus-visible:after{opacity:1;visibility:visible;transform:none}.flow-summary-detail{display:flex;flex:none;justify-content:space-between;gap:12px;align-items:center;padding:7px 12px;border-bottom:1px solid var(--line);background:var(--surface-raised);font-size:12px}.flow-summary-detail button{border:0;background:transparent;color:var(--text-primary);font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.flow-main{--flow-left:280px;--flow-right:310px;display:grid;grid-template-columns:minmax(0,1fr);flex:1;min-height:0;background:var(--surface-raised)}.flow-main[data-left=true][data-right=true]{grid-template-columns:var(--flow-left) minmax(520px,1fr) var(--flow-right)}.flow-main[data-left=true][data-right=false]{grid-template-columns:var(--flow-left) minmax(0,1fr)}.flow-main[data-left=false][data-right=true]{grid-template-columns:minmax(0,1fr) var(--flow-right)}.flow-pane{display:flex;flex-direction:column;min-width:0;min-height:0}.flow-pane+.flow-pane{border-left:1px solid var(--line)}.flow-pane-head{display:flex;flex:none;flex-direction:column;align-items:flex-start;justify-content:center;min-height:48px;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surface-raised)}.flow-pane-head h2{font:650 13px var(--font-display);margin:0}.flow-pane-head p{font-size:11px;color:var(--text-muted);margin:2px 0 0}.flow-find,.flow-detail{background:var(--surface-raised)}.flow-findings{overflow:auto;min-height:0}.flow-finding-group>h3{position:sticky;top:0;z-index:1;margin:0;padding:7px 12px;background:var(--surface-inset);border-bottom:1px solid var(--line);font:600 10px var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.flow-finding{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;color:inherit;padding:10px 12px;cursor:pointer}.flow-finding:hover{background:var(--surface-inset)}.flow-finding[data-severity=error]{box-shadow:inset 2px 0 var(--signal-error)}.flow-finding[data-severity=warning]{box-shadow:inset 2px 0 var(--signal-confirm)}.flow-finding[data-severity=review]{box-shadow:inset 2px 0 var(--signal-receive)}.flow-finding strong,.flow-finding span,.flow-finding small{display:block}.flow-finding strong{font-size:12px}.flow-finding span{font-size:11px;line-height:1.45;color:var(--text-muted);margin-top:3px}.flow-finding small{font:9px var(--font-mono);text-transform:uppercase;color:var(--text-muted);margin-top:5px}.flow-map-head{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.flow-zoom{display:flex;align-items:center;gap:3px;flex:none}.flow-zoom button{min-width:32px;height:32px;padding:0 7px;border:1px solid var(--control-line);border-radius:6px;background:var(--surface-raised);color:var(--text-primary);font-size:11px;cursor:pointer}.flow-zoom button:disabled{opacity:.35;cursor:not-allowed}.flow-zoom output{min-width:68px;text-align:center;font:10px var(--font-mono);color:var(--text-muted)}.flow-zoom .flow-fit{font:10px var(--font-body)}.flow-zoom .flow-fit[data-active=true]{border-color:var(--signal-receive);background:color-mix(in srgb,var(--signal-receive) 9%,var(--surface-raised))}.flow-nav-row{display:flex;flex:none;align-items:center;min-height:42px;border-bottom:1px solid var(--line);background:var(--surface-inset)}.flow-tabs{display:flex;flex:1;gap:2px;overflow:auto;padding:5px 8px}.flow-tabs button{border:1px solid transparent;background:transparent;border-radius:5px;padding:6px 9px;white-space:nowrap;font-size:11px;cursor:pointer}.flow-tabs button:hover{background:var(--surface-raised)}.flow-tabs button[aria-selected=true]{border-color:var(--line);background:var(--surface-raised);box-shadow:inset 0 -2px var(--signal-receive)}.flow-activity-jump{display:flex;align-items:center;gap:7px;padding:5px 8px;border-left:1px solid var(--line);font-size:10px;color:var(--text-muted)}.flow-activity-jump select{max-width:250px;min-height:30px;border:1px solid var(--control-line);border-radius:5px;background:var(--surface-raised);color:var(--text-primary);font-size:11px}.flow-canvas-wrap{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain;background-color:var(--surface-page);background-image:radial-gradient(color-mix(in srgb,var(--line) 75%,transparent) .75px,transparent .75px);background-size:20px 20px}.flow-canvas{display:block;max-width:none;min-width:0;margin:24px auto;transition:width .14s ease,height .14s ease}.flow-canvas .edge{fill:none;stroke:var(--text-muted);stroke-width:1.35}.flow-canvas .edge-arrow{fill:var(--text-muted)}.flow-canvas .node{fill:var(--surface-raised);stroke:var(--control-line);stroke-width:1.2;cursor:pointer}.flow-canvas .node[data-problem=true]{stroke:var(--signal-error);stroke-width:2}.flow-canvas .node[data-selected=true],.flow-canvas .node[data-selected=true][data-problem=true]{stroke:var(--signal-confirm);stroke-width:3}.flow-canvas .node-title{fill:var(--text-primary);font:600 11px var(--font-display);pointer-events:none}.flow-canvas .node-type{fill:var(--text-muted);font:9px var(--font-mono);pointer-events:none;text-transform:uppercase}.flow-canvas .edge-label{fill:var(--text-muted);font:9px var(--font-mono)}.flow-canvas .node-problem-dot{fill:var(--signal-error);pointer-events:none}.flow-canvas .node-problem-mark{fill:#fff;font:700 12px var(--font-display);text-anchor:middle;pointer-events:none}.flow-inspector{overflow:auto;min-height:0}.flow-object{padding:13px;border-bottom:1px solid var(--line)}.flow-object h3{font:650 15px var(--font-display);margin:0 0 4px;overflow-wrap:anywhere}.flow-object>.tag{margin-bottom:9px}.flow-kv{display:grid;grid-template-columns:78px minmax(0,1fr);gap:5px 8px;font-size:11px;margin:9px 0}.flow-kv dt{color:var(--text-muted)}.flow-kv dd{margin:0;overflow-wrap:anywhere}.flow-json{padding:13px}.flow-json h3{font:650 12px var(--font-display);margin:0 0 7px}.flow-json pre{margin:0;padding:10px;background:var(--night);color:var(--chalk);border-radius:6px;font:10px/1.5 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.flow-empty{padding:20px;color:var(--text-muted);font-size:12px}.flow-workspace[data-focus=true]{position:fixed;z-index:100;inset:0;width:auto;height:100dvh;min-height:0;padding:10px;border:0;background:var(--surface-page)}.flow-workspace[data-focus=true] .flow-commandbar{border:1px solid var(--line)}.flow-workspace[data-focus=true] .flow-summary,.flow-workspace[data-focus=true] .flow-summary-detail{display:none}.flow-workspace[data-focus=true] .flow-main{border:1px solid var(--line);border-top:0}@media(max-width:1300px){.flow-main{--flow-left:250px;--flow-right:280px}.flow-command-title{min-width:180px}.flow-command-actions{gap:3px}.flow-tool-button{padding-inline:7px}}@media(max-width:1100px){body.flow-workspace-open{overflow:auto}body.flow-workspace-open .site-main-wide{padding:8px}.flow-workspace{height:auto;min-height:calc(100dvh - 74px);overflow:visible}.flow-commandbar{align-items:flex-start;flex-direction:column;gap:8px}.flow-command-title{width:100%}.flow-command-actions{width:100%;justify-content:flex-start}.flow-main,.flow-main[data-left=true][data-right=true],.flow-main[data-left=true][data-right=false],.flow-main[data-left=false][data-right=true]{display:flex;flex-direction:column}.flow-graph{order:-1;min-height:62dvh}.flow-pane+.flow-pane{border-left:0;border-top:1px solid var(--line)}.flow-findings,.flow-inspector{max-height:360px}.flow-workspace[data-focus=true]{height:100dvh;overflow:hidden}.flow-workspace[data-focus=true] .flow-main{flex:1;min-height:0}.flow-workspace[data-focus=true] .flow-graph{min-height:0}}@media(max-width:700px){.flow-summary{overflow-x:auto}.flow-stat{flex:none}.flow-map-head{align-items:flex-start;flex-direction:column}.flow-zoom{width:100%;overflow-x:auto}.flow-nav-row{align-items:stretch;flex-direction:column}.flow-activity-jump{border-left:0;border-top:1px solid var(--line)}.flow-activity-jump select{flex:1;max-width:none}.flow-command-actions .flow-ai-button{display:none}.flow-stat:after{position:fixed;inset:auto 12px 12px;width:auto}.flow-canvas{margin:16px auto}.flow-workspace[data-focus=true]{padding:0}.flow-workspace[data-focus=true] .flow-commandbar{border-width:0 0 1px}}@media(prefers-reduced-motion:reduce){.flow-canvas{transition:none}}@media print{body.flow-workspace-open{overflow:visible}.site-header,.site-footer,.skip-link,.trace-intro,.trace-start,.flow-commandbar,.flow-summary,.flow-summary-detail,.flow-find,.flow-tabs{display:none!important}.site-main{max-width:none!important;padding:0!important}.flow-workspace{height:auto;border:0;overflow:visible}.flow-main{display:block;border:0}.flow-pane+.flow-pane{border:0}.flow-canvas-wrap{overflow:visible;background:#fff}.flow-canvas{min-width:0}.flow-detail{break-before:page}}