.flotion-graph{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 16px 10px;background:var(--flotion-app-bg);color:var(--flotion-app-fg);overflow:hidden}.flotion-graph-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0}.flotion-graph-head h2{margin:0;display:inline-flex;align-items:center;gap:8px;font-size:1.1em}.flotion-graph-search{flex:1 1 180px;min-width:120px;max-width:320px;padding:6px 10px;border:1px solid var(--flotion-border);border-radius:6px;background:var(--flotion-raised-bg);color:var(--flotion-app-fg);font:inherit;font-size:.9em}.flotion-graph-search:focus-visible{outline:2px solid var(--flotion-accent-text);outline-offset:1px}.flotion-graph-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-left:auto}.flotion-graph-stat{color:var(--flotion-faint-fg);font-size:.85em;font-variant-numeric:tabular-nums}.flotion-graph-btn{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 10px;border:1px solid var(--flotion-border);border-radius:6px;background:none;color:var(--flotion-muted-fg);font:inherit;font-size:.85em;cursor:pointer;transition:background-color var(--flotion-dur-fast) var(--flotion-ease-out),color var(--flotion-dur-fast) var(--flotion-ease-out)}.flotion-graph-btn:hover{background:var(--flotion-hover-bg);color:var(--flotion-app-fg)}.flotion-graph-btn[aria-pressed=true],.flotion-graph-btn[aria-expanded=true]{border-color:var(--flotion-accent-text);color:var(--flotion-accent-text)}.flotion-graph-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;background:none;color:var(--flotion-faint-fg);cursor:pointer}.flotion-graph-close:hover{background:var(--flotion-hover-bg);color:var(--flotion-app-fg)}.flotion-graph-stage{flex:1 1 auto;min-height:0;display:flex;gap:12px}.flotion-graph-canvas{position:relative;flex:1 1 auto;min-width:0;min-height:0;display:flex;overflow:hidden;border:1px solid var(--flotion-border);border-radius:10px;background:var(--flotion-raised-bg);cursor:grab;touch-action:none}.flotion-graph-canvas:active{cursor:grabbing}.flotion-graph-svg{width:100%;height:100%;display:block}.flotion-graph-error,.flotion-graph-empty{margin:auto;max-width:420px;text-align:center;color:var(--flotion-muted-fg)}.flotion-graph-error{color:var(--flotion-danger-text)}.flotion-graph-hint{padding-top:8px;color:var(--flotion-faint-fg);font-size:.78em;text-align:center}.flotion-graph-edges line{stroke:var(--flotion-border-strong);transition:opacity var(--flotion-dur-fast) var(--flotion-ease-out)}.flotion-graph-edges line[data-active=true]{stroke:var(--flotion-accent-text)}.flotion-graph-edges line[data-dim=true]{opacity:.15}.flotion-graph-arrowhead{fill:var(--flotion-border-strong)}.flotion-graph-node{cursor:pointer;transition:opacity var(--flotion-dur-fast) var(--flotion-ease-out)}.flotion-graph-node circle{fill:var(--flotion-slot5-text);stroke:var(--flotion-raised-bg);stroke-width:1.5}.flotion-graph-node:hover circle,.flotion-graph-node:focus-visible circle{stroke:var(--flotion-accent-text);stroke-width:2.5}.flotion-graph-node[data-focus=true] circle{stroke:var(--flotion-accent-text);stroke-width:3}.flotion-graph-node text{fill:var(--flotion-muted-fg);font-size:.7333rem;pointer-events:none;-webkit-user-select:none;user-select:none}.flotion-graph-node[data-dim=true]{opacity:.2}.flotion-graph-panel{flex:0 0 auto;width:244px;overflow-y:auto;padding:12px;border:1px solid var(--flotion-border);border-radius:10px;background:var(--flotion-raised-bg);font-size:.85em}.flotion-graph-panel h3{margin:14px 0 6px;color:var(--flotion-faint-fg);font-size:.85em;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.flotion-graph-panel h3:first-child{margin-top:0}.flotion-graph-check{display:flex;align-items:center;gap:8px;padding:3px 0;color:var(--flotion-app-fg);cursor:pointer}.flotion-graph-slider{display:block;padding:5px 0}.flotion-graph-slider>span{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--flotion-muted-fg)}.flotion-graph-slider em{color:var(--flotion-faint-fg);font-style:normal;font-variant-numeric:tabular-nums}.flotion-graph-slider input[type=range]{width:100%;accent-color:var(--flotion-accent-text)}.flotion-graph-group{display:flex;align-items:center;gap:6px;padding:3px 0}.flotion-graph-group input[type=text]{flex:1 1 auto;min-width:0;padding:4px 6px;border:1px solid var(--flotion-border);border-radius:5px;background:var(--flotion-app-bg);color:var(--flotion-app-fg);font:inherit}.flotion-graph-group select,.flotion-graph-group button{flex:0 0 auto;padding:4px 5px;border:1px solid var(--flotion-border);border-radius:5px;background:var(--flotion-app-bg);color:var(--flotion-muted-fg);font:inherit;cursor:pointer}.flotion-graph-addgroup{width:100%;margin-top:6px;padding:5px 8px;border:1px dashed var(--flotion-border-strong);border-radius:6px;background:none;color:var(--flotion-muted-fg);font:inherit;cursor:pointer}.flotion-graph-addgroup:hover{border-style:solid;color:var(--flotion-app-fg)}@media(max-width:720px){.flotion-graph-stage{flex-direction:column}.flotion-graph-panel{width:auto;max-height:45vh}}