.flow{grid-template-columns:minmax(0,1fr);gap:.75rem;width:100%;min-width:0;display:grid}.fd-tabs{scrollbar-width:none;white-space:nowrap;gap:.35rem;display:flex;overflow-x:auto}.fd-tabs .chip{flex:none}.fd-main{border:1px solid var(--line);grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:stretch;display:grid}.fd-stage{aspect-ratio:880/430;background:var(--paper-2)}.fd-hint{display:none}.flow svg{width:100%;height:100%;display:block}.flow .zone rect{fill:none;stroke:var(--line);stroke-dasharray:3 4}.flow .zone text{font-family:var(--mono);fill:var(--muted);font-size:10.5px}.flow .link{stroke:var(--line-strong);stroke-width:1.25px}.flow .trace{stroke:var(--accent);stroke-width:3px;opacity:0;transition:opacity .2s}.flow .trace.on{opacity:1}.flow .trace.fail{stroke-dasharray:7 6}.flow .node{cursor:pointer;outline:none}.flow .node rect{fill:var(--paper);stroke:var(--line-strong);stroke-width:1.25px;transition:fill .2s,stroke .2s}.flow .node .label{font-family:var(--sans);fill:var(--ink);font-size:14px;font-weight:600;transition:fill .2s}.flow .node .sub{font-family:var(--mono);fill:var(--muted);font-size:10.5px;transition:fill .2s}.flow .node.store rect{fill:var(--panel)}.flow .node.store .label{fill:var(--panel-fg)}.flow .node.store .sub{fill:var(--panel-muted)}.flow .node.hot rect{stroke:var(--accent);stroke-width:2px}.flow .node:hover rect,.flow .node:focus-visible rect,.flow .node.source rect{stroke:var(--accent)}.flow .node.lit rect{fill:var(--accent);stroke:var(--accent)}.flow .node.lit .label,.flow .node.lit .sub{fill:var(--on-accent)}.flow .packet,.flow .trace{pointer-events:none}.flow .packet{fill:var(--accent);stroke:var(--paper);stroke-width:3px;opacity:0}.fd-side{border-left:1px solid var(--line);grid-template-rows:minmax(0,1fr) auto;gap:.75rem;min-width:0;padding:1.1rem;display:grid}.fd-text{min-width:0;display:grid}.fd-item{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .22s}.fd-item.on{opacity:1;visibility:visible}.fd-count{font-family:var(--mono);color:var(--accent);font-size:.75rem}.fd-item h3{font-family:var(--serif);margin-top:.2rem;font-size:clamp(1.5rem,2vw,1.875rem);font-weight:400;line-height:1.1}.fd-body{color:var(--muted);margin-top:.4rem;font-size:.9375rem;line-height:1.5}.fd-bar{gap:.6rem;display:grid}.fd-meter{background:var(--line);height:2px;display:block}.fd-meter i{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s var(--ease);display:block;transform:scaleX(0)}.fd-controls{gap:.35rem;display:flex}.fd-controls .chip{flex:1}.fd-play{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}@media (width<=1080px){.fd-main{grid-template-columns:minmax(0,1fr)}.fd-side{border-top:1px solid var(--line);border-left:0}}@media (width<=720px){.fd-hint{border-bottom:1px solid var(--line);font-family:var(--mono);color:var(--muted);padding:.4rem .75rem;font-size:.6875rem;display:block}.fd-stage{aspect-ratio:auto;scrollbar-width:thin;height:352px;overflow-x:auto}.flow svg{width:720px;max-width:none;height:352px}}