.factory-flow-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;border-radius:inherit}
.factory-flow-layer canvas{display:block;width:100%;height:100%;pointer-events:none}
.factory-flow-tools{position:absolute;left:18px;bottom:12px;z-index:6;display:flex;align-items:center;gap:8px;max-width:calc(100% - 36px);padding:7px 9px;border:1px solid rgba(84,216,238,.22);border-radius:11px;background:rgba(3,17,28,.78);backdrop-filter:blur(6px);box-shadow:0 4px 20px #0003}
.factory-flow-info{display:flex;flex-direction:column;min-width:0;gap:2px;max-width:240px}.factory-flow-info strong{font-size:9px;color:#bbf7ff;font-weight:700;letter-spacing:.6px}.factory-flow-info small{font-size:8px;color:#a4c4d2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.factory-flow-tools button{border:1px solid #275367;border-radius:7px;background:#072132;color:#c4e9f3;padding:5px 7px;font-weight:600;font-size:9px;font-family:inherit;cursor:pointer;white-space:nowrap}.factory-flow-tools button:hover{background:#10354a}.factory-flow-tools button:focus-visible{outline:2px solid #41e4ff;outline-offset:2px}.factory-flow-tools button[aria-pressed=true]{border-color:#ffc36a;color:#ffd597;background:#422e1d}
.factory-flow-tools[data-mode=demo] .factory-flow-info strong{color:#ffd597}.factory-flow-tools[data-state=paused] .factory-flow-info strong{color:#98adba}.hero:has(.hero-ai.editing) .factory-flow-tools{opacity:.5}
@media(prefers-reduced-motion:reduce){.factory-flow-tools{backdrop-filter:none}}