.workflow-tabs{display:flex;gap:.6rem;margin-bottom:1rem}.workflow-tabs button{padding:.6rem 1rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--surface);font:inherit;font-size:.85rem;cursor:pointer}.workflow-tabs button[aria-selected=true]{border-color:var(--teal);color:var(--teal);background:rgba(81,201,178,.09)}.workflow-tabs button:focus-visible,.workflow-panel:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.workflow-panel{padding:1.4rem;border:1px solid var(--line);border-radius:1rem;background:rgba(255,255,255,.04)}.workflow-caption{margin:0 0 1.5rem;color:var(--muted);font-size:.85rem;line-height:1.7}.wired-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem}.workflow-branches{display:grid;gap:1rem;padding-right:1rem;border-right:1px solid rgba(56,189,248,.45)}.workflow-branch,.flow-chain{display:flex;align-items:center;gap:.45rem}.workflow-branch:after{height:1px;min-width:.5rem;flex:1;background:rgba(56,189,248,.45);content:""}.flow-node{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem .7rem;border:1px solid var(--line);border-radius:.55rem;color:var(--text);background:rgba(255,255,255,.045);font-size:.78rem;white-space:nowrap}.flow-app{min-width:5rem;color:var(--blue);border-color:rgba(56,189,248,.3)}.flow-arrow{flex:none;color:var(--blue);font-size:.9rem}.flow-medium{color:var(--purple);border-style:dashed}.flow-device{font-weight:700;background:rgba(167,139,250,.12);border-color:rgba(167,139,250,.4)}.flow-target{color:var(--teal);border-color:rgba(81,201,178,.35)}.wireless-chain{justify-content:center;flex-wrap:wrap;row-gap:.8rem;min-height:8rem}.workflow-panel[hidden]{display:none}
@media(max-width:1050px){.wired-layout{grid-template-columns:1fr;gap:1.2rem}.workflow-branches{padding:0 0 1.2rem;border-right:0;border-bottom:1px solid rgba(56,189,248,.45)}.workflow-branch:after{display:none}.shared-chain{justify-content:center}.join-arrow{display:none}}
@media(max-width:600px){.workflow-panel{padding:1rem}.workflow-branch{flex-wrap:wrap;gap:.35rem}.flow-node{min-height:2.5rem;padding:.5rem .55rem;font-size:.73rem}.flow-app{min-width:4.5rem}.flow-arrow{font-size:.8rem}.shared-chain{flex-wrap:wrap}.wireless-chain{justify-content:flex-start}.workflow-caption{margin-bottom:1rem}}