.af-page{display:flex;flex-direction:column;gap:.9rem;height:calc(100vh - var(--tab-bar-height, 64px) - 2rem);min-height:580px;padding:clamp(1.25rem,3vw,2rem)}@media(max-width:768px){.af-page{padding:clamp(.8rem,3vw,1.25rem)}}.af-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.af-header-left{min-width:0}.af-title{font-family:var(--font-display);font-weight:500;font-size:1.25rem;margin:0 0 .15rem;color:var(--color-text)}.af-sub{font-size:.82rem;color:var(--color-text-muted);margin:0}.af-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.af-search{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid var(--color-border);border-radius:8px;background:#fff;min-width:200px;color:var(--color-text-muted)}.af-search:focus-within{border-color:var(--color-brand-mid);box-shadow:0 0 0 3px #3cbfa026;color:var(--color-text)}.af-search input{border:none;outline:none;background:transparent;font:inherit;width:100%;color:var(--color-text)}.af-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast),transform var(--t-fast);font-family:inherit;background:transparent;color:var(--color-text)}.af-btn--ghost{border-color:var(--color-border)}.af-btn--ghost:hover{background:#21f4bd14;border-color:var(--color-brand-mid);transform:translateY(-1px)}.af-btn--ghost[aria-pressed=true]{background:#1266501a;color:var(--color-brand-deep);border-color:var(--color-brand-deep)}.af-btn--danger{background:#ef4444;color:#fff;border-color:#ef4444}.af-btn--danger:hover{background:#dc2626;border-color:#dc2626}.af-subbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding:.5rem 0}.af-legend{display:inline-flex;align-items:center;gap:.8rem;font-size:.78rem;color:var(--color-text-muted);flex-wrap:wrap}.af-legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.25rem}.af-legend-dot--live{background:var(--color-brand-signal)}.af-legend-dot--paused{background:var(--color-text-muted)}.af-legend-dot--error{background:#ef4444}.af-legend-dot--idle{background:var(--color-text-faint)}.af-company-pause{border:1px solid var(--color-border)}.af-company-pause.af-company-pause--active{background:#ef4444;color:#fff;border-color:#ef4444}.af-canvas{position:relative;flex:1;overflow:hidden;background:#cffff12e;border:1px solid var(--color-border);border-radius:var(--radius-lg, 16px);cursor:grab;user-select:none;min-height:420px}.af-canvas:active{cursor:grabbing}.af-canvas-inner{position:absolute;top:0;left:0;transform:translate(0) scale(1);transform-origin:0 0;will-change:transform}.af-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.af-offline-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:1rem 1.4rem;background:#fff;border:1px solid var(--color-border);border-radius:12px;font-size:.9rem;color:var(--color-text-muted);box-shadow:0 8px 24px -10px #0a162826}.af-zoom-pill{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:4px;background:#fff;border:1px solid var(--color-border);border-radius:9999px;padding:.2rem .25rem;box-shadow:0 6px 18px -10px #0a162840;z-index:2}.af-zoom-btn,.af-zoom-reset{background:transparent;border:none;padding:.3rem .55rem;border-radius:9999px;cursor:pointer;font:inherit;color:var(--color-text-muted);transition:background var(--t-fast),color var(--t-fast);font-size:.85rem;font-weight:500}.af-zoom-btn:hover,.af-zoom-reset:hover{background:#0a16280d;color:var(--color-text)}.af-zoom-reset #af-zoom-display{font-family:var(--font-mono);font-size:.78rem}.af-node{position:absolute;width:240px;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:.75rem .85rem;box-shadow:0 1px 3px #0a16280d,0 12px 28px -18px #0a162840;display:flex;flex-direction:column;gap:.4rem;cursor:grab;transition:box-shadow var(--t-fast),border-color var(--t-fast)}.af-node:hover{box-shadow:0 2px 6px #0a162814,0 16px 32px -18px #0a162852}.af-node--dragging{cursor:grabbing;z-index:10}.af-node--selected{border:2px solid var(--color-brand-mid);box-shadow:0 0 0 4px #3cbfa01f,0 12px 28px -18px #0a162859;padding:calc(.75rem - 1px) calc(.85rem - 1px)}.af-node--paused{opacity:.72}.af-node--dimmed{opacity:.3}.af-node--master{width:280px;background:linear-gradient(135deg,var(--color-brand-deep) 0%,var(--color-brand-mid) 100%);border:none;color:#fff;cursor:default}.af-node--master .af-node-name,.af-node--master .af-node-role{color:#fff}.af-node--master .af-node-role{color:#ffffffc7}.af-node-head{display:flex;align-items:center;gap:.55rem}.af-avatar{width:34px;height:34px;border-radius:50%;background:#21f4bd2e;color:var(--color-brand-deep);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:500;font-size:.78rem;flex:none}.af-node--master .af-avatar{background:#ffffff38;color:#fff}.af-node-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.1rem}.af-node-name{font-weight:600;font-size:.88rem;color:var(--color-text);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.af-node-role{font-size:.72rem;color:var(--color-text-muted);line-height:1.3}.af-node-status{width:8px;height:8px;border-radius:50%;flex:none}.af-node-status--live{background:var(--color-brand-signal);box-shadow:0 0 0 3px #21f4bd2e}.af-node-status--paused{background:var(--color-text-muted)}.af-node-status--error{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.af-node-status--idle{background:var(--color-text-faint)}.af-node-foot{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.2rem}.af-node-pill{font-size:.66rem;font-weight:500;padding:.15rem .5rem;border-radius:9999px;background:#21f4bd24;color:var(--color-brand-deep);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.af-node--master .af-node-pill{background:#ffffff38;color:#fff}.af-node-lifecycle-btn{width:26px;height:26px;border-radius:50%;background:#0a16280a;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:background var(--t-fast),color var(--t-fast);padding:0}.af-node-lifecycle-btn:hover{background:#21f4bd2e;color:var(--color-brand-deep)}.af-node-lifecycle-btn[data-paused=true]{background:#ef444424;color:#b91c1c}.af-node--master .af-node-lifecycle-btn{background:#ffffff2e;color:#fff}.af-node--master .af-node-lifecycle-btn:hover{background:#ffffff47}.af-modal-overlay{position:fixed;inset:0;background:#0a162873;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.af-modal{background:#fff;border-radius:14px;padding:1.4rem;max-width:420px;width:100%;box-shadow:0 24px 48px -16px #0a162852}.af-modal-title{font-family:var(--font-display);font-weight:500;font-size:1.1rem;margin:0 0 .5rem;color:var(--color-text)}.af-modal-body{font-size:.9rem;line-height:1.5;color:var(--color-text);margin:0 0 1.2rem}.af-modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@media(max-width:768px){.af-header{flex-direction:column;align-items:stretch}.af-header-actions{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.2rem}.af-header-actions::-webkit-scrollbar{display:none}.af-search{min-width:160px;flex-shrink:0}.af-subbar{flex-direction:column;align-items:flex-start;gap:.4rem}.af-zoom-pill{top:auto;bottom:16px;right:16px}}@media(pointer:coarse){.af-node{cursor:default}}@media(prefers-reduced-motion:reduce){.af-node,.af-btn,.af-zoom-btn,.af-zoom-reset,.af-node-lifecycle-btn,.af-canvas-inner{transition:none!important}}